#CalendarFormular {
    margin:0px;
    padding:0px;
    display:inline-block;
}
#showCalender {
    margin-bottom: 0px;
    background: #ffffff;
}
#showCalender table.calendar-table {
    border:none;
    border-spacing: 0;
    margin:0px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    width: 100%;
    min-heigth:auto;
}
#showCalender .calendar-table table {
    border:none;
    border-spacing:0px;
}
#showCalender .calendar-table > tbody > tr > td { border-top: none }

#showCalender .calendarheader {
    vertical-align: middle;
    color: #E0E0E0;
    text-shadow: 0 -1px 0 #000;
    font-size:14px ;
    text-transform: capitalize;
    background-color: #666;
    border: 1px solid #666666;
    border-bottom:1px solid #3F3F3F ;
}
#showCalender .calendarheader th {border-bottom:1px solid #3F3F3F;}
#showCalender td.calendar-cell {
    line-height: 20px;
    color: #fff;
    text-align:center;
    border-bottom: 1px solid #D1D1D1;
    border-left: 1px solid #D1D1D1;
    border-top:none;
    text-align: center;
    vertical-align: middle;
    font-size:12px;
    padding:3px;
    min-width:14%;
    width:14.28%;
    max-width:15%;
    background-size: 50% ;
}

#showCalender .calendar-table tbody td:first-of-type {border-left:0px;}
#showCalender .calendar-table tbody tr td:first-of-type {border-left:1px solid #666666}
#showCalender .calendar-direct-table > tbody > tr:last-of-type > td {border-bottom:none}
#showCalender .calendar-table > tbody > tr:last-of-type > td {border-bottom:1px solid #666666;}
#showCalender .calendar-table thead .calendar-header-cell:last-of-type,
#showCalender .calendar-direct-table tbody tr td:last-of-type {border-right:1px solid #666666}
#showCalender .calendar-direct-table tbody tr td:first-of-type {border-left:0px;}

#showCalender .calendar-header-cell {
    background-color: #f2f2f2;
    color: #717171 !important;
    border-left: 1px solid #ffffff;
    vertical-align: middle;
    text-align: center;
}

#showCalender .calendar-header-month {
    cursor:default;
    background-color:#7C7C7C;
    text-align:center;
    color:#fff !important;
    border-top:1px solid #666666;
    border-right:1px solid #666666 ;
}

#showCalender .calendar-cell-lastfixer {
    border-left:1px solid #DDDDDD;
}

#showCalender .calendar-table th {line-height: 3em;}
#showCalender .calendar-cell-last div { display:none;}
#showCalender .calendar-cell-last span {display: block;}
#showCalender td.calendar-cell-last .calendar-cell-price{}
#showCalender .calendar-cell-last {
    cursor:default;
    background-color: #E2E2E2;
    color: #A5A5A5;
    height: auto !important;
}

#showCalender .calendar-cell-full {
    background-color: #cc0001;
    color: #fff;
}
#showCalender .calendar-cell-occupied {
    cursor:pointer;
    background-color: #ffcb00;
    color: #5E5E5E;
}
#showCalender .calendar-cell-empty {
    cursor:pointer;
    background-color: #006600;
    color: #fff;
}

#showCalender .calendar-header-month-prev {
    cursor:pointer;
    text-align:left;
    vertical-align: middle;
    color: @theme-general-txtColor;
    text-transform: capitalize;
    text-shadow: 0 -1px 0 #000;
    font-size:14px;
    padding-left: 3px;

}
#showCalender .calendar-header-month-next {
    cursor:pointer;
    text-align:right;
    vertical-align: middle !important;
    color: @theme-general-txtColor !important;
    text-shadow: 0 -1px 0 #000;
    font-size:14px !important;
    text-transform: capitalize !important;
    padding-right: 8px;

}


#showCalender .calendar-header-show-month {
    cursor:default;
/*    font-family: "Arial";  */
    font-size: 12px;
    text-align:center;
    color:#fff !important;
    vertical-align: middle;
}
#showCalender .calendar-cell-today {font-weight:bold}
#showCalender .calendar-table tbody tr .calendar-cell-selected {
    color:#fff;
    background-color: #757575;
}
#showCalender .calendar-full {
    -webkit-box-shadow: 0 1px 5px rgba(226,24,24,0.6);
    -moz-box-shadow: 0 1px 5px rgba(226,24,24,0.6);
    box-shadow: 0 1px 5px rgba(226,24,24,0.6);
}
#showCalender .calendar-cell-price {
    display: block !important;
    font-weight: normal;
}

#showCalender td.calendar-cell-occupied2.calendar-cell-halfend {
    color:#fff;
    background:url(../../images/cal-1-end-yel.png) no-repeat bottom left;
}
#showCalender td.calendar-cell-occupied2.calendar-cell-halfstart {
    color:#fff;
    background:url(../../images/cal-1-start-yel.png) no-repeat top right;
}
#showCalender td.calendar-cell-full2.calendar-cell-halfend {
    color:#fff;
    background:url(../../images/cal-1-end-red.png) no-repeat bottom left;
}
#showCalender td.calendar-cell-full2.calendar-cell-halfstart {
    color:#fff;
    background:url(../../images/cal-1-start-red.png) no-repeat top right;
}
#showCalender .reqdisabled {cursor: default;}


/* Customization for Calendar */



#showCalender {
    margin-bottom: 30px;
}
#showCalender table.calendar-table {
    border:none;
    border-spacing: 0;
    margin:0px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    width: 100%;
    min-heigth:auto;
}
#showCalender .calendar-table table {
    border:none;
    border-spacing:0px;
}
#showCalender .calendar-table > tbody > tr > td { border-top: none }

#showCalender .calendarheader {
    vertical-align: middle;
    color: #717171;
    text-shadow: none;
    font-size: 14px;
    text-transform: capitalize;
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    border-bottom: none;
}
#showCalender .calendarheader th {border-bottom: none;}

#showCalender td.calendar-cell {
    color: #717171;
    border-bottom: 1px solid #ececec;
    border-left: none;
    font-size:13px;
    padding:3px;
    min-width:14%;
    width:14.28%;
    max-width:15%;
    background-size: 50% ;
    font-weight: bold;
}

#showCalender .calendar-table tbody td:first-of-type {border-left: none}
#showCalender .calendar-table tbody tr td:first-of-type {border-left:1px solid #e4e4e4;}
#showCalender .calendar-direct-table > tbody > tr:last-of-type > td {border-bottom: 1px solid #e4e4e4;}
#showCalender .calendar-table > tbody > tr:last-of-type > td {border-bottom:1px solid #e4e4e4;}
#showCalender .calendar-table thead .calendar-header-cell:last-of-type,
#showCalender .calendar-direct-table tbody tr td:last-of-type {border-right:1px solid #e4e4e4;}
#showCalender .calendar-direct-table tbody tr td:first-of-type {border-left: none;}

#showCalender .calendar-header-cell {

text-transform: uppercase;
font-weight: bold;
}

#showCalender .calendar-header-month {
    cursor:default;
    background-color:#7C7C7C;
    text-align:center;
    color:#fff !important;
	border: none;
}

#showCalender .calendar-cell-lastfixer {
    border-left: none;
}


#showCalender .calendar-table th {line-height: 3em;}

#showCalender td.calendar-cell.calendar-cell-last {
    background-color: #f7f7f7;
    color: #b2b2b2;
    height: auto !important;
    border-right: 1px solid #ffffff;
}

#showCalender .calendar-cell-full {
    background-color: #fdf6f6;
    color: #717171;
}

#showCalender td.calendar-cell.calendar-cell-full {

background: url('../images/full.png') repeat-x scroll left bottom #fdf6f6;
cursor: not-allowed;
}

#showCalender .calendar-cell-occupied {
    cursor:pointer;
    background-color: #ffcb00;
    color: #5E5E5E;
}
#showCalender .calendar-cell-empty {
    background-color: #ffffff;
    color: #717171;
}
#showCalender .calendar-header-month-next, #showCalender .calendar-header-month-prev {

/*    visibility: hidden;  */
    text-shadow: none;
    padding-right: 0px;
    color: rgba(0,0,0,0) !important;
}

#showCalender .calendar-header-month-next:before {
	visibility: visible;
	content: "";
border-width: 8px 0px 8px 8px;
border-style: solid;
border-color: transparent transparent transparent #9c4272;
position: absolute;
margin-top: 14px;
}


#showCalender .calendar-header-month-prev:before {
	visibility: visible;
	content: "";
border-width: 8px 8px 8px 0px;
border-style: solid;
border-color: transparent #9c4272 transparent transparent;
position: absolute;
margin-top: 14px;
margin-left: 19px;
}
#showCalender .calendar-header-show-month {
    cursor:default;
    font-size: 12px;
    text-align:center;
    color: #717171 !important;
    vertical-align: middle;
}


#showCalender .calendar-cell.today.calendar-cell-empty,
#showCalender .calendar-cell.today.calendar-cell-full,
#showCalender td.calendar-cell-occupied2.calendar-cell-halfend,
#showCalender td.calendar-cell-occupied2.calendar-cell-halstart  {font-weight:bold; background: #9c4272; color: #ffffff !important; }
#showCalender .calendar-cell.today .calendar-cell-price { color: #ffffff !important; }

#showCalender .calendar-table tbody tr .calendar-cell-selected {
    color:#ffffff;
    background-color: #b3608c;
}

#showCalender .calendar-cell.today.calendar-cell-empty.calendar-cell-selected,
#showCalender .calendar-cell.today.calendar-cell-full.calendar-cell-selected,
#showCalender td.calendar-cell-occupied2.calendar-cell-halfend.calendar-cell-selected,
#showCalender td.calendar-cell-occupied2.calendar-cell-halstart.calendar-cell-selected {  background-color: #b3608c; }

#showCalender .calendar-table tbody tr .calendar-cell-selected .calendar-cell-price { color: #ffffff !important;}

#showCalender .calendar-full {

    box-shadow: none;
}
#showCalender .calendar-cell-price {
    display: block !important;
    font-weight: bold;
    color: #9c4272;
}

#showCalender td.calendar-cell-occupied2.calendar-cell-halfend,
#showCalender td.calendar-cell-empty.calendar-cell-occupied2,
#showCalender td.calendar-cell-empty.calendar-cell-full2,
#showCalender td.calendar-cell-occupied.calendar-cell-full2,
#showCalender td.calendar-cell-full.calendar-cell-empty2.calendar-cell-halfstart {
    color:#717171;
    background: url('../images/half-full2.png') no-repeat scroll center bottom  #ffffff;
}
#showCalender td.calendar-cell-occupied2.calendar-cell-halfstart,
#showCalender td.calendar-cell-occupied.calendar-cell-empty2,
#showCalender td.calendar-cell-full.calendar-cell-empty2,
#showCalender td.calendar-cell-full.calendar-cell-occupied2,
#showCalender td.calendar-cell-full.calendar-cell-empty2.calendar-cell-halfend {
    color:#717171;
    background: url('../images/half-full1.png') no-repeat scroll center bottom  #ffffff;
}
#showCalender td.calendar-cell-full2.calendar-cell-halfend {
    color:#717171;
    background: url('../images/half-full2.png') no-repeat scroll center bottom  #ffffff;
}
#showCalender td.calendar-cell-full2.calendar-cell-halfstart {
    color:#717171;
    background: url('../images/half-full1.png') no-repeat scroll center bottom  #ffffff;
}

#showCalender td.calendar-cell.calendar-cell-full.calendar-cell-halfend,
#showCalender td.calendar-cell.calendar-cell-full.calendar-cell-halfstart {
	cursor: pointer;
}

#showCalender .reqdisabled { cursor: not-allowed; }


/* end Customization for Calendar */


@media all and (max-width: 640px) {

#showCalender td.calendar-cell-occupied2.calendar-cell-halfend,
#showCalender td.calendar-cell-empty.calendar-cell-occupied2,
#showCalender td.calendar-cell-empty.calendar-cell-full2,
#showCalender td.calendar-cell-occupied.calendar-cell-full2,
#showCalender td.calendar-cell-full.calendar-cell-empty2.calendar-cell-halfstart {
    color:#717171;
    background: url('../images/half-full2.png') no-repeat scroll -80px bottom  #ffffff;
}
#showCalender td.calendar-cell-occupied2.calendar-cell-halfstart,
#showCalender td.calendar-cell-occupied.calendar-cell-empty2,
#showCalender td.calendar-cell-full.calendar-cell-empty2,
#showCalender td.calendar-cell-full.calendar-cell-occupied2,
#showCalender td.calendar-cell-full.calendar-cell-empty2.calendar-cell-halfend {
    color:#717171;
    background: url('../images/half-full1.png') no-repeat scroll 30px bottom  #ffffff;
}
#showCalender td.calendar-cell-full2.calendar-cell-halfend {
    color:#717171;
    background: url('../images/half-full2.png') no-repeat scroll -80px bottom  #ffffff;
}
#showCalender td.calendar-cell-full2.calendar-cell-halfstart {
    color:#717171;
    background: url('../images/half-full1.png') no-repeat scroll 30px bottom  #ffffff;
}

}
