.pdrcal {
  position: absolute;
  /*right: 50px;*/
  left: 50px;
  background: rgba(0, 0, 0, 0.7);
  /*width: 500px;*/
  /*height: 300px;*/
  bottom: 15%;
  z-index:999;
  /*border-top-left-radius: 8px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 8px;*/
}
.pdrcal-home {
 position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  /*right: 50px;*/
  /*width: 500px;*/
  /*height: 300px;*/
  bottom: 15%;
  z-index:999;
  /*border-top-left-radius: 8px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 8px;*/
}

.pdrrootcalsh {
  border-width: 4px;
  border-color: #e1bd85;
  border-style: double;
  display: inline-block;
  float: left;
  margin: 2px;
  padding: 8px;
  width: 500px;
  /*height: 300px;*/
}

.pdrrootcalsh .groupcalsh {
  cursor: pointer;
  border: 2px solid #fff;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}

.pdrrootcalsh .groupcalsh:hover {
  border-color: #e1bd85;

  border-top-color: #f5e3c6;
  border-left-color: #fbeeda;
  background-color: #000000;
}

.pdrrootcalsh ::-webkit-input-placeholder { color:#fff; }
.pdrrootcalsh ::-moz-placeholder { color:#fff; } /* firefox 19+ */
.pdrrootcalsh :-ms-input-placeholder { color:#fff; } /* ie */
.pdrrootcalsh input:-moz-placeholder { color:#fff; }


.pdrrootcalsh .groupcalsh:hover *
{
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  color:#e1bd85;
}

.pdrrootcalsh .groupcalsh:hover > ::-webkit-input-placeholder
{
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  color:#e1bd85;
}

.pdrrootcalsh .groupcalsh:hover > ::-moz-placeholder
{
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  color:#e1bd85;
}

.pdrrootcalsh .groupcalsh:hover > :-ms-input-placeholder
{
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  color:#e1bd85;
}

.pdrrootcalsh .groupcalsh:hover > input:-moz-placeholder
{
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  color:#e1bd85;
}

.pdrrootcalsh .groupcalsh .input-group-addon{
  border:0;
  background-color: transparent;
  color:#fff;
}

.pdrrootcalsh .pdrleftdata{

}

.pdrrootcalsh .pdrrightdata{

}

.pdrrootcalsh .pdrdatainput {
  background-color: transparent !important;
  border:0;
  box-shadow: 0 0 !important;
  outline: none;
  color: #fff;
  cursor: pointer;
}

.pdrrootcalsh .selectinputcal{
  /*box-shadow: 0 0 4px 1px #e1bd85;*/
}

.pdrrootcalsh .selectinputcal,
.pdrrootcalsh .selectinputcal *{
  color: #e1bd85;
  border-color: #e1bd85;

  border-color: #e1bd85;
    border-top-color: #f5e3c6;
    border-left-color: #fbeeda;
    background-color: #000000;
}

.calendar .daterangepicker_input {
  display:none;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #e1bd85;
}
.daterangepicker td.in-range {
  background-color: #fff0da;
  /*color: inherit;*/
}

.daterangepicker td.active {
   background-color: #ba894a;
}
.daterangepicker td.active:hover {
   background-color: #ba894a;
}

.pdrrootcalsh .calinfo {
  border-top: 1px solid #fff;
  margin-top: 20px;
  padding: 10px 15px 0;
}

.pdrrootcalsh .calinfo p {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  color: #fff;
}

.pdrrootcalsh .titlechec {
  color:#fff;
  font-weight:700;
}

.pdrrootcalsh .calinfopre p {
  margin-top: 14px;
}

.pdrrootcalsh .calinfopre .icomsgcal {
  color: #ffb137;
  font-size: 16px;
}

.pdrrootcalsh .calinfopre span {
  color: #ffebd3;
  font-size: 12px;
  vertical-align: text-bottom;
}

.pdrrootcalsh .calsingusodopp span {
  color: #ffebd3;
  font-size: 12px;
  vertical-align: baseline;
  margin-bottom: 15px;
}

.pdrrootcalsh .calsingusodopp {
  margin-bottom: 30px;
  text-align: right;
}

.pdrrootcalsh .rootbtnsrcsh {
  text-align: right;
}

.pdrrootcalsh .btnsearchcalch {
  background-color: #d3a358;
  border: 0;
  color: #fff;
  font-size: 22px;
  padding: 4px 4px;
  width: 100px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}

.pdrrootcalsh .btnsearchcalch:hover {
  background-color: #EEB763;
}

.btnselctroot {
  margin-bottom: 8px;
}

.btnselctroot .rootsinglesel div{
  display: inline-block;
  border: 4px;
  border-color: #d3a358;
  border-style: outset;
  color: #fff;
  line-height: 1;
  width: 86px;
  height: 86px;
  text-align: center;
  border-radius: 50%;
  padding-top: 24px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

.btnselctroot .rootsinglesel div:hover {
  border-color: #F8BF67;
}

.rootsinglesel span {
  display: block;
  color: #ffb137;
  font-size: 10px;
  padding: 2px;
}

.rootsinglesel span i {
  padding: 0 2px
}

.rootsinglesel.disabled > div {
    border-color: #b3b3b3;
    color: #a7a7a7;
}

.rootsinglesel.disabled div span {
    color: #a7a7a7;
}

.btnsearchcalch.disabled {
  background-color: #C6B69B !important;
  cursor: not-allowed;
}

.btnsearchcalch:disabled {
  cursor: not-allowed;
}


/*cal all page*/

.rootcalallpage {
    position: initial;
    right: initial;
    left: initial;
    background: rgba(0, 0, 0, 0.7);
    bottom: 15%;
    margin-top: 0;
}

.rootcalallpage .pdrrootcalsh {
  border-width: 4px;
  border-color: #e1bd85;
  border-style: double;
  display: inline-block;
  float: initial;
  margin: 2px;
  padding: 8px;
  width: auto;
}
.rootcalallpage .btnselctroot {
  width:100%;
}

.rootcalallpage .rootckin,.rootcalallpage .rootckout {
  width:100%;
}

.rootcalallpage .pdrrootcalsh .titlechec {
  padding: 10px 0 4px;
  font-size: 14px;
}
.rootcalallpage .pdrrootcalsh .pdrdatainput {
  padding-left: 0;
}

.rootcalallpage .rootsinglesel {
  text-align:center;
}
.rootcalallpage .btnselctroot {
  margin-bottom: 20px;
}

.doppusosing2 {
  background-color: #4c4c4c;
  padding: 0 6px 0 6px;
  margin-left: 4px;
}

.matstr {
  color: inherit;
  font-size:9px !important;
}