/** DATEPCIKER DESIGN **/

/** CHANGE THE COLOR FOR THESE TO MATCH LAYOUT OF HOTEL **/
.yui-skin-sam .yui-calendar td.calcell {
  border: 1px solid #bebebe !important;
}
.yui-skin-sam .yui-calendar td.calcell.calcellhover {
  background-color: #000;
  color:#fff !important;
  border: 1px solid #000;
}
.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
  background-color: transparent!important;
  color:inherit !important;
}
.yui-skin-sam .yui-calendar td.calcell.selected {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 25px;
}
.yui-skin-sam .yui-calendar td.calcell.selected a {
  background-color: #000 !important;
  color: #fff !important;
}
.yui-skin-sam .yui-calendar td.calcell.today {
  background-color:transparent !important;
  border:1px solid #000 !important;
  border-radius: 25px;
}
.yui-skin-sam .yui-calendar td.calcell.today a {
  background-color: transparent !important;
  color: #000 !important;
}
  div#cal1Container {
    margin-top: 0px;
    margin-left: -10px;
  }
  div#cal1Container_0 {
    margin-right: 5px !important;
  }
  .yui-calcontainer {
    font-family: inherit;
    background: transparent !important;
    font-size: 1rem;
    border: none !important;
    padding: 7px 7px 10px 30px;
    margin-bottom: 10px;
  }
  .yui-skin-sam .yui-calcontainer.multi .groupcal {
    background-color: transparent !important;
    border: none;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 5px;
    margin-right: 10px;
  }
  .yui-calcontainer .title {
    background: none !important;
    margin: 0px !important;
    border: none !important;
    padding: 0px !important;
    display: none;
  }
  .yui-calendar {
    width: 230px;
    line-height: 1.8rem;
    margin: 0 !important;
  }
  .yui-skin-sam .yui-calendar {
    border-spacing: 2px !important;
    border-collapse: separate !important;
    font-size: 100%;
  }
  .yui-skin-sam .yui-calendar .calweekdaycell {
    font-weight: normal !important;
    font-size: 1.1rem;
    color: #00000091;
  }

  #rw_pageid_showAvailable .yui-skin-sam .yui-calendar td.calcell {
    background: #fff !important;
    border: 1px solid #000 !important;
    height: unset !important;
    line-height: unset !important;
    padding: 18px 18px 30px 18px !important;
  }
  .yui-skin-sam .yui-calendar td.calcell {
    height: unset !important;
    line-height: 1.8 !important;
  }
  .yui-skin-sam .yui-calendar td.calcell a {
    color: #000 !important;
  }
  .yui-skin-sam .yui-calendar td.calcell.oom {
    font-size: 0rem;
    visibility: hidden;
    padding: 0px !important;
  }
  .yui-skin-sam .yui-calendar .calnavleft {
    background: url(/images/left-arrow.png) no-repeat !important;
    width: 24px !important;
    height: 24px !important;
    top: 125px !important;
    left: -30px !important;
    bottom: 0;
    cursor: pointer;
    position: absolute;
  }
  .yui-skin-sam .yui-calendar .calnavright {
    background: url(/images/right-arrow.png) no-repeat !important;
    width: 24px !important;
    height:24px !important;
    top: 125px !important;
    right:-30px !important;
    bottom: 0;
    cursor: pointer;
    position: absolute;
  }
  .yui-skin-sam .yui-calcontainer .calclose {
    background: url(/images/cancel.png) no-repeat !important;
    width: 24px !important;
    height: 24px !important;
    top: 0.2rem;
    right: 0.2rem;
  }
  .yui-skin-sam .yui-calendar .calheader {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .yui-skin-sam .yui-calendar td.calcell.restricted {
    text-decoration: none !important;
    background: linear-gradient(to bottom right, #3e3e3e, #3e3e3e 49%, #161616 50%, #3e3e3e 52%, #3e3e3e) !important;
    color: #666666 !important;
  }
  #cal1Container .rw_pastDate {
    background-color: #99999940 !important;
    color: #6666664a !important;
    text-decoration: none !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
  }
  .calcell {
    padding: 10px !important;
  }
  @media (min-width: 768px) {
    .calcell {padding: 11px 11px !important;}
  }
  @media (min-width: 992px) {
    .calcell {padding: 15px 15px !important;}
  }
  /** END DATEPCIKER DESIGN **/

/** Owner calendar styling **/
.yui-skin-sam .yui-calendar td.calcell.rw_ownerCalUnitNoTypeNo, .rw_ownerCalUnitNoTypeNo, .yui-skin-sam .yui-calendar td.rw_ownerCalUnitNoTypeNo.today {
  background-color: #ff0000 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 2px;
  border-radius: 0;
}

.rw_ownerCalUnitNoTypeYes, .yui-skin-sam .yui-calendar td.rw_ownerCalUnitNoTypeYes.today {
  background-color: #f0ad4e !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 2px;
  border-radius: 0;
}

.rw_ownerCalUnitGuestUse, .yui-skin-sam .yui-calendar td.rw_ownerCalUnitGuestUse.today {
  background-color: #008000 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 2px;
  border-radius: 0;
}

.rw_ownerCalUnitOwnerUse, .yui-skin-sam .yui-calendar td.rw_ownerCalUnitOwnerUse.today {
  background-color: #800000 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 2px;
  border-radius: 0;
}

.rw_ownerCalUnitCompUse, .yui-skin-sam .yui-calendar td.rw_ownerCalUnitCompUse.today {
  background-color: #808080 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 2px;
  border-radius: 0;
}

.rw_ownerCalUnitOffMarket, .yui-skin-sam .yui-calendar td.rw_ownerCalUnitOffMarket.today {
  background-color: #800080 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 2px;
  border-radius: 0;
}

.rw_pastDate {
  background-color: #999999 !important;
  color: #666666 !important;
  text-decoration: none !important;
}

.rw_ownerCalUnitYesTypeYes {
  background-color: #ffffff !important;
  color: #0000EE;
  text-decoration: none !important;
  padding: 2px;
}
.rw_ownerCalKeyRow span {
  border: 1px solid #333333;
}
.rw_ownerCalKey {
  padding: 5px 0px;
}

.rw_ownerCalKeyRow {
  clear: both;
  padding: 4px 0;
}


/* Mobile Attributes */
@media only screen and (max-width:767px) {
  /** DATEPICKER CHANGES FOR MOBILE **/
  div#cal1Container {
    margin-top: -5px;
    margin-left: -1px;
    width: 95%;
  }
  .yui-calendar {
    width: 100% !important;
  }
  .yui-calcontainer {
    padding: 13px 10px 10px 13px;
    margin-bottom: 0px;
  }
  .yui-calcontainer .title {
    margin: 5px !important;
    display: block;
  }
  .yui-skin-sam .yui-calcontainer .calclose {
    background: url(/images/close.png) no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    top: 0rem;
    right: 0.5rem;
  }
  .yui-skin-sam .yui-calendar .calnavleft {
    background: url(/images/back.png) no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    top: 0 !important;
    left: -10px !important;
    bottom: 0;
    cursor: pointer;
    position: absolute;
  }
  .yui-skin-sam .yui-calendar .calnavright {
    background: url(/images/right-thin-chevron.png) no-repeat !important;
    width: 16px !important;
    height:16px !important;
    top: 0 !important;
    right:-10px !important;
    bottom: 0;
    cursor: pointer;
    position: absolute;
  }
  .yui-skin-sam .yui-calendar td.calcell a {
    color: #000 !important;
  }
  /**END DATEPICKER CHANGES FOR MOBILE **/
}