Mini Kabibi Habibi

Current Path : C:/Users/Public/Documents/DXperience 13.1 Demos/ASP.NET/CS/HotelBooking/Content/
Upload File :
Current File : C:/Users/Public/Documents/DXperience 13.1 Demos/ASP.NET/CS/HotelBooking/Content/main.css

body, html 
{
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}
body 
{
	font-family: Georgia !important;
	color: #444444;
	background: url(Images/bg.jpg);
}
h1,h2,h3,h4,h5 
{
	margin:0;
}
.container 
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/*-- HEADER --*/
.header 
{
	height: 150px;
}
.header .logo
{
	float: left;
}
.header .searchPanel
{
	background: #6c9c52;
	float: right;
	width: 236px;
	margin-top: 27px;
	padding: 8px 8px 8px 16px;
}
.header .searchPanel .cellLabel 
{
	margin-top: 4px;
	float: left;
}
.header .searchPanel .cellTextbox 
{
	padding: 2px 0;
	float: left;
}
.header .searchPanel .label 
{
	color: #FFF;
	font-size: 23px;
	margin-right: 15px;
}

.main .blackPanel
{
	background: #444;
	color: #FFF;
}
.main .greyPanel 
{
	background: url(Images/optBg.png);
	border: 1px solid #c8c1ae;
}

/*-- Index page --*/
.main .cellIPSettings
{
	
}
.main .cellIPSettings .panelLine.sp1
{
	margin-top: 9px;
}
.main .cellIPSettings .panelLine.sp2
{
	margin-top: 10px;
}
.main .cellIPSettings .panelLine .cellLabel 
{
	width: 130px;
	float: left;
	font-size: 23px;
	text-align: right;
	padding-right: 20px;
	padding-top: 4px;
}
.main .cellIPSettings .dxeButtonEdit_HB 
{
	border: solid 1px #bcb6a6;
}
.main .cellIPSettings .panelLine .cellLabel.short 
{
	width: 40px;
}
.main .cellIPSettings .panelLine .cellInput 
{
	float: left;
}
.main .cellIPSettings .pricePanel
{
	padding: 31px 43px;
	height: 39px;
}
.main .cellIPSettings .pricePanel .cellLabel 
{
	font-size: 32px;
	float: left;
	padding-right: 22px;
}
.main .cellIPSettings .pricePanel .cellInput 
{
	float: left;
	margin-top: 2px;
}
.main .cellIPSettings .panelLine.highSpacing 
{
	margin-top: 20px;
}
.main .cellIPSettings .panel1 
{
	padding-bottom: 30px;
}
.main .cellIPSettings .options
{
	padding: 35px 36px;
	font-size: 18px;
}
.main .cellIPSettings .options .cell 
{
	margin-right: 59px;
}
.main .cellIPSettings .options .cell.noMargin
{
	margin-right: 0px;
}
.main .cellIPSettings .options h5 
{
	font-size: 23px;
	font-weight: normal;
	margin-bottom: 9px;
}
.main .cellIPSettings .seMaxPrice,
.searchPanel .tbSearch
{
	border: 0;
}
.searchPanel .btnSearch
{
    display: block;
    margin-left: 125px;
    margin-top: -25px;
    padding-bottom: 4px;
    position: relative;
    cursor: pointer;
}

.main .submitButton 
{
	float: right;
	margin-top: 30px;
}
.main .cellIPBottomPanel 
{
	width: 50%;
	float: left;
	margin-top: 20px;
	font-size: 13px;
}
.main .cellIPBottomPanel a 
{
	color: #57863d;
	text-decoration: none;
}
.main .cellIPBottomPanel a:hover
{
    text-decoration: underline;
}
.main .cellIPBottomPanel h5 
{
	font-weight: normal;
	font-size: 23px;
	margin-bottom: 10px;
}
.main .cellIPBottomPanel .starsCell 
{
	width: 30px;
}
.main .cellIPBottomPanel .starsCell table td 
{
	padding: 0 1px;
}
.main .cellIPBottomPanel .titleCell
{
	padding-right: 25px;
}
.main .cellIPBottomPanel .stars 
{
	vertical-align: middle;
}
.main .cellIPBottomPanel .stars table td
{
	margin: 0;
	padding: 0;
}
.main hr 
{
	height: 1px;
	border-top: 1px dashed #726d61;
	border-bottom: 0;
	margin-top: 50px;
}


/*-- Results page --*/
.main .cellRPSettings 
{
	padding: 30px;
	margin-bottom: 10px;
	font-size: 14px;
}
.main .cellRPSettings .panelLine
{
	margin-bottom: 6px;	
	width: 400px;
}
.main .cellRPSettings .panelLine.short 
{
	width: 360px;
}
.main .cellRPSettings .cellLabel
{
	float: left;
	padding-top: 3px;
	padding-right: 9px;
	width: 90px;
	text-align: right;
}
.main .cellRPSettings .cellLabel.short
{
	width: 22px;
}
.main .cellRPSettings .cellLabel.long 
{
	width: 120px;
}
.main .cellRPSettings .cellInput
{
	float: left;
}
.main .cellRPSettings .panel1 
{
	margin-bottom: 20px;
}
.main .cellRPSettings .buttonPanel 
{
	padding-left: 20px;
	width: 150px;
}

.main .dxgvPagerBottomPanel_HB 
{
	margin-top: 10px;
	padding-left: 20px
}
.main .gvHotelImage 
{
	border: solid 5px White;
	margin-right: 20px;
	margin-left: 125px;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
}
.main .detailsBtn 
{
	width: 85px;
	margin-right: 20px;
}

/*-- Orders --*/
.main .cellOPOrder
{
	width: 700px;
	float: left;
	margin-right: 30px;
}
.main .cellOPOrder h1 
{
	font-weight: normal;
	font-size: 42px;
}
.main .cellOPOrder h1 .stars
{
	vertical-align: top;
	margin: 10px 0 0 -5px;
}
.main .cellOPOrder .dest 
{
	font-size: 24px;
}
.main .cellOPOrder .details 
{
	margin-top: 40px;
}
.main .cellOPOrder .details .panelLine 
{
	margin-top: 15px;
}
.main .cellOPOrder .details .cellLabel
{
	font-size: 23px;
	color: #818181;
	margin-bottom: 3px;
}
.main .cellOPOrder .details .cellLabel.noMargin 
{
	margin-bottom: 0px;
}
.main .cellOPOrder .details .cellInput 
{
	padding-right: 30px;
}
.roomOrderPanel
{
	margin-top: 2px;
	background-color: #444444;
	white-space: nowrap;
	color: White;
	padding: 0 8px 0 20px;
	font-size: 13px;
}
.roomOrderPanel .cellLabel
{
	margin-top: 11px;
	margin: 13px 8px;
}
.roomOrderPanel .cellInput 
{
	margin: 8px 0 2px;
}
.roomOrderPanel .cellTotal 
{
	font-size: 36px;
	min-width: 92px;
	font-family: Trebuchet MS;
	padding: 2px 0;
	line-height: 36px;
}

.main .cellOPDescription 
{
	width: 270px;
	float: left;
	font-size: 13px;
}
.main .cellOPDescription .hotelRating 
{
	background: #fff;
	margin-top: 15px;
}
.main .cellOPDescription .hotelRating .rating 
{
	float: left;
	padding-top: 18px;
	padding-left: 26px;
}
.main .cellOPDescription .hotelRating .ratingPanel
{
	float: right;
	background: #444;
	color: #fff;
	padding: 0 9px;
	height: 62px;
}
.main .cellOPDescription .hotelRating .ratingPanel .ratingValue
{
	font-size: 40px;
	height: 49px;
	font-family: Trebuchet MS;
}
.main .cellOPDescription .hotelRating .ratingPanel .ratingNum 
{
	font-size: 12px!important;
	text-align: center;
	margin-top: -4px;
}
.main .cellOPDescription .hotelImage 
{
	border: 5px solid #FFF;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.main .cellOPDescription p 
{
	margin: 10px 0;
}
.main .cellOPDescription h5 
{
	font-size: 23px;
	font-weight: normal;
	margin-top: 10px;
}
.gvRooms .dxgvHeader_HB 
{
	border-right: 0;
	font-size: 23px;
}
.gvRooms 
{
	margin-top: 20px;
}
.dxgvTable_HB.gvRooms 
{
	border-radius: 4px;
}

/*-- Utils --*/
.clear 
{
	clear: both;
}
.float
{
	float: left;
}
.floatRight
{
	float: right;
}
.num 
{
	font-family: Trebuchet MS;
}
.bold 
{
	font-weight: bold;
}
.isNotAvailable 
{
	text-align: center;
	font-size: 20px;
	border: dashed 1px #444444;
	padding: 25px;
}

/* -- Footer --*/
.footer 
{
	height: 70px;
	clear: both;
	text-align: right;
	margin-top: 70px;
	font-size: 11px;
	font-family: Trebuchet MS;
	color: #444;
}

.pcPreviewCloseBtn 
{
	position: relative;
	float: right;
	margin-bottom: -24px;
	z-index: 10;
	cursor: pointer;
}
.pcPreviewImage 
{
	z-index: 0;
	position: relative;
	background: White;
	width: 600px;
	height: 400px;
	padding: 10px;
	margin: 0 10px;
}