@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
border:0 none;
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:top;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
img {
vertical-align:top;
}
embed {
vertical-align:top;
}
input[type=text], textarea {
outline:none;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, {
display:block;
color: #F00;
}
mark, rp, rt, ruby, summary, time {
display:inline;
}
::-moz-selection {
background:#1d1d1b;
color:#FFF;
}
::selection {
background:#1d1d1b;
color:#FFF;
}
* {
font-family: 'Open Sans', sans-serif;
font-size:13px;
padding:0;
margin:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-smooth: always;
}
p{
font-size:14px;
line-height:24px;
padding:0;
margin:0;
}
a, img, input, textarea:focus {
outline: none !important;
}
img {
border:none !important;
}
a:link {
color:#108cd4;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
text-decoration: none;
}
a:active {
color:#108cd4;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
text-decoration: none;
}
a:hover {
color:#333;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
text-decoration: none;
}
a:visited {
color:#108cd4;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
text-decoration: none;
}
a:visited:hover {
color:#333;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
text-decoration: none;
}
a img {
border: none;
}
.clearfix {
clear:both;
}
html, body {height: 100%;
width: 100%;
}
body {
background:#f1f1f1;
margin:0;
padding:0;
}
body { overflow-x:hidden;
overflow-y: scroll !important;
-ms-overflow-style: scrollbar;
}
body.login-page{overflow-y: hidden !important;

}
span.skype_pnh_container {
display:none !important;
}
span.skype_pnh_print_container, span[class^="skype_pnh_print_container"] {
display:inline !important;
}
#login_header{
background:#ba272d; text-align: center;
-webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.5);
box-shadow: 0 0px 6px rgba(0, 0, 0, 0.5);
padding: 10px;
}
.login-box{width:450px;margin:0 auto; margin-top:10%; background:#FFF; border:1px solid rgba(0, 0, 0, 0.2); }
.login-box1{width:600px;margin:0 auto; margin-top:1%; background:#FFF; border:1px solid rgba(0, 0, 0, 0.2); }
@media (max-width:768px) {
.login-box{width:90%;margin-top:20px;
}
}
.login-box-body{padding:15px;border-top:0;color:#666}
.login-box-body{color:#777}
.login-box-msg{margin-bottom:15px;text-align:center; font-size:18px; padding:10px 5px; background:#ba272d; color:#FFF;
}
a.book_now{
    color: #ffffff;
}
.form-control{
border-color:#d2d6de;
border-radius:0;
box-shadow:none;
}
.form-control:focus{
border-color:#3c8dbc;
border-radius:0;
box-shadow:none;
}
.btn.btn-flat{
border-radius:0;
box-shadow:none;
}
.btn-default{
background-color:#241e20;color:#FFF !important; border:none; text-transform: uppercase;font-size: 12px; font-weight: 600;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;}
.btn-default:hover,.btn-default:active,.btn-default.hover{background-color:#ba272d; color:#FFF !important;border:none;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}
.main_container{ width:95%; margin:0 auto; padding:10px; margin-top:80px; margin-bottom: 10px;
background:#FFF; border:1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
min-height: 520px;
}
h1{ border-left: 5px solid #ba272d; padding:5px 10px;
font-size: 24px; margin: 10px 10px 10px 15px;
}
h2{ padding:5px 0px;
font-size:16px; margin: 10px 0px 10px 0px;
}
h2 strong{ color: #ba272d;font-size:16px; font-weight: 600;
}
.form_text1{margin:0px;
font-size:13px;
color:#333;
padding:15px 0px 4px 0px;
}
.form_text1 span{
color:#999;
}
.form_text1 span.red{
color:red;
}
.welcome{
float: right; color: #FFF; padding-top:10px; padding-left: 10px; padding-right: 10px; font-weight: 600; letter-spacing: 0; text-transform: none;
}
.welcome img{
float: left; margin-right: 10px; width: 40px; height: 40px;
}

.user-menu img {
	float: left;
	margin-right: 10px;
	width: 40px;
	height: 40px;
}
.welcome span {
	display: inline-block;
	margin-top: 10px;
}
.navbar {
	margin-bottom: 0px;
}
.navbar-nav > li > a {
	color: #FFF;
	padding-bottom: 19px;
	padding-top: 10px;
}
.navbar-nav > li > a span {
	margin-top: 10px;
	display: inline-block;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	color: #FFF;
	background: #911419;
}
.navbar-nav > li > .dropdown-menu {
	background: #333;
	padding: 0px;
}
.navbar-nav > li > .dropdown-menu a {
	width: 100%; text-align:left;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.wallet_amount{ float:right; padding-top:15px; padding-right:20px; color:#FFF; font-size:16px; text-transform:none;
}
input[type="text"], input[type="password"] {
font-family:Arial, Helvetica, sans-serif;
background-color:#FFF;
width:100%;
padding:5px;
height:35px;
line-height:20px;
text-align:left;
border:1px solid #d8d8d8;
font-size:13px;
color:#666;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-box-shadow:inset 0 2px 3px 0 rgba(0, 0, 0, 0.05);
box-shadow:inset 0 2px 3px 0 rgba(0, 0, 0, 0.05);
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
input[type="text"]:focus, input[type="password"]:focus{
background-color:#f6f6f6;
color:#000;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-box-shadow:inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow:inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
textarea {
font-family:Arial, Helvetica, sans-serif;
background-color:#FFF;
width:100%;
padding:5px;
resize: none;
height:70px;
line-height:20px;
text-align:left;
border:1px solid #d8d8d8;
font-size:13px;
color:#666;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-box-shadow:inset 0 2px 3px 0 rgba(0, 0, 0, 0.05);
box-shadow:inset 0 2px 3px 0 rgba(0, 0, 0, 0.05);
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
textarea:focus{
background-color:#f6f6f6;
color:#000;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-box-shadow:inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow:inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
select {
font-family:Arial, Helvetica, sans-serif;
background-color:#FFF;
width:100%;
margin-bottom:10px;
padding:5px;
height:35px;
line-height:20px;
border:1px solid #d8d8d8;
font-size:13px;
color:#a6a6a6;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-box-shadow:inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow:inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
select:focus {
background-color:#f6f6f6;
color:#000;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-box-shadow:inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow:inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
select option{padding:5px;
}
input[type="text"].date-picker {
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/icon-calendar.png);
background-position:right;
background-repeat:no-repeat;
background-color:#FFF;
width:100%;
padding:5px;
height:35px;
line-height:20px;
border:1px solid #d8d8d8;
font-size:13px;
color:#666;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-box-shadow:inset 0 2px 3px 0 rgba(0, 0, 0, 0.05);
box-shadow:inset 0 2px 3px 0 rgba(0, 0, 0, 0.05);
}
input[type="text"].date-picker:focus {
background-color:#f6f6f6;
color:#000;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-box-shadow:inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow:inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.border_box{
border: 1px solid rgba(0, 0, 0, 0.05); padding:10px; margin-bottom:20px;
}
.text_style1{
font-size: 18px; color: #222;
}
.text_style1 span{
font-size: 12px; color: #999;
}
.mar_top_20{
margin-top: 20px;
}
.pad_le_ri_0{
padding-left: 0px; padding-right: 0px;
}
table.booking_table{
    width: 100%;
}
table.booking_table tr td i, .table tr td i{font-size: 18px;
}
table.booking_table tr td img{
    height: 250px; width: 100%;
}
table.booking_table1 {
	margin-top: 20px;
}
table.booking_table1 tr td {
	font-size: 13px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding: 20px 20px;
	vertical-align: middle;
}
table.booking_table2 tr td {
	font-size: 11px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.05);
	padding: 5px 15px;
	vertical-align: middle;
}
table.booking_table2 tr td span {
	font-size: 11px;
	display: block;
	margin-top: 5px;
	color: red;
	font-weight: 600;
}
table.booking_table1 tr td i {
	font-size: 12px;
}
table.booking_table1 tr td .btn-danger {
	padding: 4px 5px 0px 3px !important;
}
.table_scroll {
	width: 100%;
	overflow-x: scroll;
}
.table tr td.total {
	font-size: 18px;
	text-align: right;
}
.table tr td.total strong {
	color: #00a65a;
	font-weight: 600;
	font-size: 18px;
}
.modal-header {
padding:10px 15px;
background-color:#f2fcd2;
}
.modal-title { border-bottom: none;
padding:0px;
font-size:16px;
text-transform:uppercase;
font-weight:600;
color:#222;
}
.modal-body{
padding:10px 15px;
}
.modal-body p{
font-size: 14px; padding-top: 10px;
}
.modal-body p.model_heading{ padding-top: 0px;
font-size: 16px; padding-bottom: 10px;
}
.modal-body p.table_heading{ margin-bottom: 0px;
font-size: 18px; padding-top: 0px;
}
.modal-body p.booking_amt{
text-align: center; font-size: 36px; color: #ba272d; padding-bottom: 0px; padding-top: 20px;
}
.modal-body .bootstrap-timepicker{
margin-bottom: 10px;
}
.modal-body a, .modal-body a:hover{
color: #FFF;
}
.close{
opacity: 1;
}
.btn-group-xs > .btn, .btn-xs{
padding: 5px 5px;
}
.btn-group-sm > .btn, .btn-sm{
padding: 7px 10px;
}
.btn-danger .glyphicon-remove-sign{
margin-top: 3px; margin-right: 7px;
}
table.booking_table tr td{ font-size: 14px;
padding: 5px; vertical-align: middle;
}
table.booking_table tr td strong, .table tr td strong{ font-size: 14px; font-weight: 600;
}
.table_heading{ border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-bottom: 10px; margin-bottom: 10px;
font-size: 24px; color: #ba272d;
}
.frame_border{ border: 1px solid rgba(0, 0, 0, 0.05); padding: 5px; width: 100%; min-height: 350px; margin-bottom: 10px;
}
.alert{
padding: 10px;
}
img.sport_icon{ float: left;
margin-right: 10px;
}
#court1, #court2, #court3{
position: relative;
}
#court1 i, #court2 i, #court3 i{
position: absolute; left: 7px; top: 9px;
}
.bootstrap-timepicker-widget table td input{
width: 33px !important; font-size: 12px;
}
.bootstrap-timepicker-widget table td{
vertical-align: middle;
}
table.checkout_table{
width: 100%; margin-top: 10px;
}
table.checkout_table tr td{
padding:10px !important; vertical-align: middle;
}
.amount1{font-size: 24px; color: #ba272d;
}
.amount2{font-size: 16px;
}
.amount3{font-size: 30px; color: #333;
}
.upload_image{
width:100px; height:100px; margin:0px 20px 5px 0px; background:rgba(0, 0, 0, 0.1); float: left;
}
.btn-circle { padding-top:10px;
  width:35px;
  height:35px;
  text-align: center;
  border-radius:50%;
}
.tab-content > .tab-pane {
	padding:20px;
	border:1px solid rgba(0, 0, 0, 0.07);
	background-color:#FFF;
	margin:1px 0px 30px 0px;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.tab-pane h4:first-of-type {
	margin-top: 0px;
	padding-top: 0px;
}
#tabs.nav-tabs > li > a {
	margin-right:0px;
	border:none;
	border-top:3px solid #dfdfdf;
	border-bottom:1px solid #CCC;
	color:#666;
	font-size:16px;
	text-transform:uppercase;
	background-color:#f2f2f2;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
#tabs.nav-tabs > li > a:hover {
	border:none;
	border-top:3px solid #ba272d;
	border-bottom:1px solid #d9e4b5;
	color:#000;
	background-color:#f2fcd2;
}
#tabs.nav-tabs > li.active > a, #tabs.nav-tabs > li.active > a:focus, #tabs.nav-tabs > li.active > a:hover {
	color:#FFF;
	background-color:#ba272d;
	border:none;
	border-top:3px solid #cd0e14;
	border-bottom:1px solid #cd0e14;
}
#tabs.nav-tabs {
	border-bottom:none;
	padding:0px;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#tabs.nav-tabs > li {
	width:33.33%;
	text-align:center;
	border-right:1px solid #dfdfdf;
}
@media (max-width:767px) {
 #tabs.nav-tabs > li {
 width:100%;
}
}

.footer_text1{
text-align:center; font-size:11px; padding:10px 5px; color:#666; background:rgba(0, 0, 0, 0.1); margin-top:20px; border-top:1px solid rgba(0, 0, 0, 0.15); 
}
.footer_text1 a:link{ font-size:11px; font-weight:600; color:#333;
}
.footer_text1 a:visited{ font-size:11px; font-weight:600; color:#333;
}
.footer_text1 a:hover{ font-size:11px; font-weight:600; color:#3366FF;
}