﻿#A1{ cursor:pointer;}
/*.ui-datepicker-calendar .ui-state-disabled > a*/
.ui-datepicker-calendar .ui-state-disabled > span{
	
	background: #e6e6e6 url('x.gif') no-repeat center center ;
	color:#e6e6e6 ;
	font-size:1pt ;
}

/*Css Style for theme 2 */
    td.dp-highlight a.ui-state-default{
          background: #1d6dcf;
          color: #FFF;
    }
    td.dp-start-highlight{ opacity:1 !important;}
    td.dp-start-highlight a.ui-state-default
    {    
        background-image: url(qrstart.png);
        background-repeat: no-repeat;
        background-size: 100% 23px;
        background-color: white;
        text-align:left;
        border:0px ;
    }
    
    td.dp-end-highlight a.ui-state-default
    {
        
    background-image: url(qrend.png);
    background-repeat: no-repeat;
    background-size: 100% 23px;
    background-color: white;
    border:0px ;

    }
    
    
/*End of Css Style for theme 2*/

.qr-res-bar input#promo{ width:110px ;}
div.dp-popup h2 {line-height:normal;}
.qr-res-bar #submit img{ cursor:pointer;}
.qr-others .qr-OthersFields span{display:none;}
.qr-res-bar{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzgwODFCODgxODc3MTFFMjhDN0VGQjRGREE1Q0NCNkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzgwODFCODkxODc3MTFFMjhDN0VGQjRGREE1Q0NCNkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3ODA4MUI4NjE4NzcxMUUyOEM3RUZCNEZEQTVDQ0I2RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3ODA4MUI4NzE4NzcxMUUyOEM3RUZCNEZEQTVDQ0I2RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt4eu3gAAAAPSURBVHjaYoiKijoDEGAAA/sB2xT9iEYAAAAASUVORK5CYII=) repeat scroll 0 0 transparent;	
	margin-left: 20px;
    max-width: 953px;
    padding-left: 20px;
	width:100%;
	float:left;
	padding-top: 8px;
	height: 33px;
}
.qr-res-bar .qr-modify,
.qr-res-bar span {
    color: #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 12px;
    padding-right: 6px;
    text-transform: uppercase;
}
.qr-res-bar input {
    color: #FFFFFF;
	font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-right: 4px;
}
.qr-reserve{
	padding: 0 !important;
    position: relative;
    
}
.qr-ico_date {
    height: 25px;
    margin-right: 8px;
    position: relative;
    top: 3px;
    width: 25px;
	display:block;
	background: url("images/date.png") no-repeat scroll 0 0 transparent;
}
.qr-startdate, .qr-enddate{
	width:128px;
	background:#343434;
	border:1px solid #878787;
}
.qr-modify {
    color: #A3893B !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
	padding-left: 6px;
}
.qr-custom-action{ padding-right:15px;}
.qr-gift {
    float: right;
    height: 25px;
    padding-right:5px;
}
.qr-gift a{
	background:url(gift.png) no-repeat scroll 0 0 transparent;
	width:120px;
	height:27px;
	display:block;
	text-indent:-9999px;
}

/*==================== Res bar inner ======================*/
.qr-checkin span,  .qr-checkout span {
    /*float: left;*/
    color: #fff;
    margin-right: 8px;
	padding-top: 4px;
    /*top: 5px;
    /*position: relative;*/
}
.qr-checkin a, .qr-checkout a {
    float: left;
}

/*==================== Res bar inner ======================*/
.qr-res-bar span, .qr-res-bar .ico_date, .qr-res-bar input {
	float:left;
}

.qr-checkin, .qr-checkout, .qr-action{
	float:left;
}
.qr-action {
	
	
	float: left;
}
.qr-custom-action
{
    float:right;
}

.qr-action a, .qr-action span, .qr-action .qr-modify {
	display:block; float:left;
}
.qr-action .gift{ float:right;}

/*======= for inner page ====*/
.header_inner .qr-action .gift{ margin-top: 11px;}


.qr-checkout{
	padding-left:12px;
	
}
.qr-res-bar span{
    font: 13px/16px Arial,sans-serif;
}

a.dp-choose-date {
     background: url("qr-startdate.png") no-repeat scroll 0px 0px transparent;
     display: block;
     float: left;
     height: 21px;
     overflow: hidden;
     padding: 0px;
     text-indent: -2000px;
     width: 22px;
      outline: medium none;
  }

a.dp-choose-date.dp-disabled {
     background-position: 0px -20px;
     cursor: default;
}

.FormFullWidth
{
  width:100%!important;
}

#datePicker {
  margin:initial!important;
  width: 100%!important;
}



.qr-checkin span,  .qr-OthersFields span {
    /*float: left;*/
    color: #fff;
    margin-right: 8px;
  padding-top: 4px;
    /*top: 5px;
    /*position: relative;*/
}
.qr-checkin a, .qr-OthersFields a {
    float: left;
}

.qr-checkin, .qr-OthersFields, .qr-action{
  float:left;
}
.qr-OthersFields{
  padding-left:8px;
  
}



.qr-NewReserve {
  float: right;
  height: 25px;
  padding-right: 5px;
}


.qr-custom-action
{
margin-top: 5px;
}
#promo
{
  background: #343434;
  border: 1px solid #878787;
  color: #FFFFFF;
  
}

.qr-action
{

  float:right;
  padding-right:6px;
  
}



.contaiCodeS
{
  float: left!important;
}


input#promo {
  border: 1px solid #fff;
  border-radius: 3px;
}

.container #dnn_res_bar{
	position:absolute;
	top:28px;
	margin-left:257px;
	float:left;
	width:725px;
	height:66px;
}
.container .qr-res-bar{
	background:none;
}
.container .qr-action{
	padding-top:5px;
	float:right;
	margin-right:20px;
}
.container .qr-action .qr-modify{float:inherit; }

@media screen and (max-width: 1270px)
{
    .qr-res-bar
    {
        float: right;
    }
    .qr-res-bar span
    {
        font-size: 13px;
        top: 4px;
        margin-right: 2px;
    }

    .qr-res-bar .qr-checkin img, .qr-res-bar .qr-checkout img
    {
        float: left;
    }
    .qr-res-bar .qr-modify
    {
        top: 4px;
        margin-right: 2px;
    }
    .qr-res-bar .qr-custom-action
    {
        width: 124px;
        padding-top: 0;
    }
    .qr-res-bar .qr-action
    {
        padding-top: 5px;
        float: right !important;
        margin-right: 25px;
    }
    .qr-res-bar .qr-OthersFields img
    {
        margin-top: 5px;
    }
    .qr-res-bar
    {
        height: 66px;
    }
    .qr-action
    {
        /*margin-top:10px;*/ /*margin-right:28px;*/
    }

    .divContectForm
    {
        max-width: 725px;
        width: 100%;
        float: right;
        margin-left: 0px;
    }
}


@media screen and (max-width: 968px)
{
    .qr-res-bar
    {
        max-width: 100%;
    }
    .qr-action
    {
        float: right !important;
        margin-right: 35px;
    }
    .qr-res-bar input#promo
    {
        width: 100px;
    }
    .qr-res-bar .qr-dates
    {
        padding-left: 10px;
    }
    .qr-res-bar .qr-action
    {
        padding-top: 5px;
    }
    .qr-gift
    {
        padding-right: 0% !important;
        width: 125px !important;
    }
    .divContectForm
    {
        max-width: 100%;
    }

    .qr-res-bar .qr-action
    {
        float: inherit !important;
    }
    .qr-modify
    {
        padding-left: 0px !important;
    }
    .qr-action
    {
        float: right !important;
        margin-right: 35px;
    }
    .qr-res-bar .qr-action
    {
        padding-top: 5px;
    }
	.container #dnn_res_bar{
		width:580px;
	}
	.container .qr-OthersFields input{
		position:absolute;
		left:10px;
		margin-top:10px;	
	}
	.container .qr-action{
		margin-right:0px;
	}
	.container .qr-action .qr-modify{margin-left:5px;}
	.container .qr-action .qr-modify{float:left; }
}



@media screen and (max-width: 700px)
{
    .qr-res-bar
    {
        float: left;
        margin: 2% 3%;
        max-width: 83%;
        padding: 2% 5%;
        margin-left: 4%;
        height: 100%;
    }
    .qr-res-bar .qr-checkin, .qr-res-bar .qr-checkout
    {
        margin: 0 auto;
        padding: 8px 0;
        width: 80%;
        float: none;
    }
    .qr-res-bar .qr-checkin span, .qr-res-bar .qr-checkout span
    {
        margin-right: 0px !important;
        padding-right: 0px !important;
        padding-top: 8px;
        width: 100px;
    }
    .qr-res-bar input
    {
        padding-left: 5px;
        padding-right: 5px;
    }
    .qr-res-bar input
    {
        width: 51%;
        height: 27px;
        margin-right: 6px;
    }

    .qr-res-bar .qr-reserve
    {
        margin-left: 0px !important;
        /*margin-top: 9px;*/
    }
    .qr-res-bar .qr-modify
    {
        float: left;
        font-size: 12px !important;
        padding-left: 0;
    }
    .qr-res-bar .qr-modify a
    {
        float: right;
    }
    .qr-res-bar .qr-custom-action
    {
        float: right;
        width: 120px;
    }
    .qr-res-bar .qr-gift
    {
        padding-bottom: 8px;
        margin-left: 0px;
        padding-top: 10px;
        width: 120px;
    }

    
    .qr-others select
    {
        width: 115px;
    }
    .qr-res-bar .qr-action
    {
        clear: both;
        float: none !important;
    }
    .qr-res-bar .qr-action .qr-modify
    {
        /*display: inline;
        padding-top: 10px;*/
    }
    
    .qr-others .qr-OthersFields span
    {
        display: block;
        margin-right: 0px !important;
        padding-right: 0px !important;
        padding-top: 8px;
        width: 100px;
    }
    .qr-others select option.text
    {
        display: none;
    }
    .qr-others .qr-OthersFields input[type="text"]
    {
        margin-left: 100px;
    }

    .qr-others
    {
        padding-left: 10px;
    }
    .qr-res-bar .qr-checkin, .qr-res-bar .qr-OthersFields
    {
        margin: 0 auto;
        padding: 8px 0;
        width: 80%;
        float: none;
    }
    
    
    .qr-res-bar .qr-checkin, .qr-res-bar .qr-checkout
    {
        margin: 0 auto;
        padding: 17px 0 !important;
        width: 80%;
        float: none;
    }

    
    .qr-res-bar .qr-gift
    {
        padding-bottom: 2px;
        margin-left: 0px;
        padding-top: 2px;
        width: 120px;
    }
    
    .AdultsMagin
    {
    }
    .qr-res-bar .AdultsMagin
    {
        padding-top: 23px !important;
    }
    .qr-gift
    {
        float: right;
    }
	.container #dnn_res_bar{
		width:100%;
		margin-left:0px;
		height:100px;
		position:relative;
		display:block;
		top:0px;
		float:none;
	}
	.container .qr-res-bar{
		float:none;
		margin:0px; 
		max-width:100%;
	}
	.container .qr-OthersFields input{
		position:relative;
	}
	.container .qr-res-bar {
  	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFW…V0IGVuZD0iciI/Pt4eu3gAAAAPSURBVHjaYoiKijoDEGAAA/sB2xT9iEYAAAAASUVORK5CYII=) repeat scroll 0 0 transparent;
	}
}
@media screen and (max-width: 400px)
{
    .qr-res-bar .qr-checkin, .qr-res-bar .qr-checkout, .qr-res-bar .qr-OthersFields
    {
        width: 100% !important;
    }
    .qr-action
    {
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .qr-action .qr-reserve
    {
        margin-top: 0px !important;
    }
    .qr-action, .qr-action .qr-modify, .qr-action .qr-reserve
    {
        /*float: none !important;*/
    }

}

