@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
@charset 'UTF-8';
/* Base Styles */

body{margin:0; padding:0; background:#fff; height:100%;
  font-family: 'Open Sans', sans-serif;}
body * {outline:none;} textarea{ resize:none!important; outline:none;}

  img{border:none; outline:none;}
  
  a{text-decoration:none;}
  
.login{ background:url(../images/home_bg.jpg) fixed center center; background-size:cover;}
.clear{clear:both; height:1px;}
.maincontainer{width:1100px; margin:60px auto 30px; text-align:left;}
.header{background:#1897C9; height:95px; position:relative; z-index:999;}
.list{margin-top:95px;}
.list .header{position:fixed; top:0; left:0; text-align:left; width:100%; height:7px; border-bottom:5px solid #444;}
.list .header a:link, .list .header a:visited{text-decoration:none; background:#444; width:20%; display:block; border-top:7px solid #1897C9;}
.form{background:rgba(0,0,0,0.8); padding:30px 30px 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; float:left; margin:5% 0 0 32%;}
.form table {text-align:center;}
.form table tr th{font:18px/24px Arial, Helvetica, sans-serif; color:#fff; padding-bottom:30px;}
.form table tr input[type="text"], .form table tr input[type="password"]{background:#fff; border:1px solid #000; width:300px; padding:10px; margin-bottom:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;}
.remember{text-align:left; padding:0 5px 10px 5px;}
.remember .sm{color:#999; font:11px Arial, Helvetica, sans-serif; margin-left:5px;}
.remember a:link, .remember a:visited{color:#999; font:11px Arial, Helvetica, sans-serif; text-decoration:none; float:right;}

input[type="submit"]{padding:5px 20px; border:none; background:#1897C9; color:#fff; font-size:14px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; cursor:pointer; height:35px; display:block;}
.footer{background:#1897C9; height:40px; width:100%; border-bottom:7px solid #000;}

.left{float:left; position:relative; width:20%; height:100%; background:#444; border-top:1px solid #111; padding-top:20px; min-height:600px;}
.left ul{margin:0; padding:5px 0 0;}
.left ul li{list-style:none;}
.left ul li a:link, .left ul li a:visited{display:block; padding:15px 20px; color:#fff; font:14px Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; border-left:3px solid #000; border-bottom:1px solid #222;}
/*.left ul li a.active, .left ul li a.active:hover{background:#1897C9; border-left:3px solid #1897C9; border-bottom:1px solid #1897C9;}*/
.left ul li a:hover{background:#222; border-left:3px solid #222;}
.left ul li .active{background:#222; border-left:3px solid #222;}
.left ul li a img{margin-right:10px;}
.left ul li ul{margin:0; padding:0;}
.left ul li ul li a:link, .left ul li ul li a:visited{ background:#111; border-left:3px solid #111;}
.left ul li ul li a:hover{background:#333; border-left:3px solid #333;}
.menuheader a:link, .menuheader a:visited{display:block; padding:15px 20px; color:#fff; font:14px Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; /*border-left:3px solid #000; border-bottom:1px solid #222;*/}
.menuheader a img{margin-right:10px;}
.menuheader a:hover{/*background:#222; border-left:3px solid #222;*/}
.menuheader a.active, .menuheader a.active:hover{background:#1897C9; border-left:3px solid #1897C9; /*border-bottom:1px solid #1897C9;*/}


.singleval a:link, .singleval a:visited{display:block; padding:15px 20px; color:#fff; font:14px Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; /*border-left:3px solid #000; border-bottom:1px solid #222;*/}
.singleval a img{margin-right:10px;}
.singleval a:hover{/*background:#222; border-left:3px solid #222;*/}
.singleval a.active, .singleval a.active:hover{background:#1897C9; border-left:3px solid #1897C9; /*border-bottom:1px solid #1897C9;*/}


.right{float:left; width:80%;  text-align:left; position:relative; margin-bottom:50px;} /*margin-left:20%;*/
.searchbar{padding:15px 0px; margin:0 20px; background:#fff; margin-bottom:25px; border-bottom:1px solid #ddd; position:fixed; width:77%; top:12px; z-index:999;}
.searchbar h1{margin:0; font:bold 20px Arial, Helvetica, sans-serif; display:block;}
.searchbar h1 a:link, .searchbar h1 a:visited{text-decoration:none; color:#333;}
.find{float:right; width:400px;}
.find input[type="text"]{border-right:none !important; padding-top:7px; float:left;}
.find input[type="submit"]{background:url(../images/search.png) no-repeat center center; margin-right:20px; width:32px; height:29px; padding:0; background-size:85%;border:1px solid #686161; border-left:none; border-radius:0; float:left;}


input[type="text"], input[type="password"]{height:15px;}
input[type="text"], input[type="password"], textarea{border:1px solid #686161; width:150px; padding:5px 10px; margin-bottom:0px; transition:border 0.5s, background 0.5s; -moz-transition:border 0.5s, background 0.5s; -webkit-transition:border 0.5s, background 0.5s; -ms-transition:border 0.5s, background 0.5s; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:none;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{border:1px solid #1897C9; font-size:12px; color:#333;}
input[placeholder], textarea[placeholder]{font-size:12px; /*color:#999;*/}
select{border:1px solid #686161; width:172px; padding:4px 10px; margin-bottom:0px; transition:border 0.5s, background 0.5s; -moz-transition:border 0.5s, background 0.5s; -webkit-transition:border 0.5s, background 0.5s; -ms-transition:border 0.5s, background 0.5s; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:url(../images/drop.png) no-repeat right center; appearance:none; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';}

.print{float:right; width:50px; margin-top:5px;}
.addnew{ float:left; width:170px;}
.addnew a:link, .addnew a:visited{padding:10px 35px 10px 65px; border:none; background:url(../images/add.png) no-repeat 35px center #1897C9; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; cursor:pointer; text-decoration:none; font-size:14px; margin-top:3px; display:block; float:left;}
.contentsection{margin:10px 2% 2%; width:96%;}
.booking-info{ margin-bottom:20px; font:bold 14px Arial, Helvetica, sans-serif; color:#333;}
.booking-info span{font-weight:normal;}
/*
.booking-id{float:left; margin:0 35px 0 10px; padding-right:35px ; border-right:2px solid #ccc;}

.booking-date{float:left;}
*/


.booking-id
{ 
	border-right: 2px solid #CCCCCC;
    float: left;
    margin: 0 10px;
    padding-right: 5px;
    width: 220px;
}
	
	
.booking-date
{ 
	
    float: left;
    margin: 0 23px 0 9px;
    padding-right: 5px;
    width: 220px;
}
	
	



.red-head{padding:5px 20px; font:bold 16px Arial, Helvetica, sans-serif; color:#fff; background:#1897C9;}

a.red-btn:link, a.red-btn:visited{padding:7px 15px; background:#e63734; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; float:right; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; margin-top:15px; text-decoration:none; margin-left:15px; height:20px;}

a.blue-btn:link, a.blue-btn:visited{padding:7px 15px; background:#02164F; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; float:right; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; margin-top:15px; text-decoration:none; margin-left:15px; height:20px;}

button.back-btn{padding:7px 28px; background: url('../images/prew.png') left center no-repeat #02164F; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; float:left; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; margin-top:15px; text-decoration:none; margin-left:15px; cursor:pointer; border:none; }

a.blue-btn-left:link, a.blue-btn-left:visited, a.blue-btn-left:link, a.blue-btn-left:visited{padding:7px 15px; background:#02164F; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; margin-top:16px; float:left; text-decoration:none; margin-left:15px; height:20px;}

span.blue-btn{padding:7px 15px; background:#02164F; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; float:right; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; margin-top:0px; text-decoration:none; margin-left:15px; height:20px; cursor:pointer;}

input[type="submit"].red-btn{padding:7px 15px 7px 35px; background:#e63734; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; float:right; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; margin-top:15px; text-decoration:none; margin-left:15px; border:none;}
input[type="submit"].blue-btn{padding:7px 35px 7px 15px; background:#02164F; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; float:right; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; margin-top:15px; text-decoration:none; margin-left:15px; border:none;}
.next-button{background:url(../images/next.png) no-repeat right center !important; background-color:#02164F !important;}
.add-more{background:url(../images/add.png) no-repeat left center !important; background-color:#e63734 !important;}
.next-red{background:url(../images/diff-next.png) no-repeat right center !important; background-color:#e63734 !important; padding:7px 35px 7px 15px !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; float:right; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; margin-top:15px; text-decoration:none; margin-left:15px; border:none;}
.next-blue{background:url(../images/diff-next.png) no-repeat right center !important; background-color:#02164F !important; padding:7px 35px 7px 15px !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; float:right; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; margin-top:15px; text-decoration:none; margin-left:15px; border:none;}

.blue-div{padding:7px 15px; background:#02164F; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; float:right; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; margin-top:5px; text-decoration:none; margin-left:15px; width:350px;}
.red-div{padding:7px 15px; background:#e63734; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; float:right; font:15px Arial, Helvetica, sans-serif; color:#fff; margin-top:5px; text-decoration:none; margin-left:15px; width:350px;}
.payment .listing{margin-bottom:25px;}
.payment .blue-div{margin-bottom:5px;}
.amount-words{float:left;}
.amount-value{float:right;}
table.listing{width:100%;}
table.listing tr th{ padding:7px 10px 7px 10px; color:#fff; font-size:15px; font:bold 15px Arial, Helvetica, sans-serif;  line-height:25px; background:#1897C9; text-align:left;}
table.normal tr td{font-weight:normal !important; color:#FF0000;}
.album{position:relative;}
.hide{width:100%; height:215px; background:#fff; opacity:0.3; position:absolute; top:45px; left:0;}
.hidetop{width:175px; height:25px; background:#fff; opacity:0.3; position:absolute; top:8px; left:432px;}
.album .hide, .album .hidetop{display:block;}
.clicked .hide, .clicked .hidetop{display:none !important;}
span.notclicked {background:url(../images/notclicked.png) no-repeat 15px center; padding:7px 10px 7px 100px; color:#222; font-size:15px; font:bold 15px Arial, Helvetica, sans-serif; cursor:pointer; line-height:25px; display:block; background-color:#e8e8e8;}
.clicked{opacity:1 !important;}
.clicked span{ background-color:#5f5f5f !important; color:#fff !important; background:url(../images/clicked.png) no-repeat 15px center; padding:7px 10px 7px 100px; color:#222; font-size:15px; font:bold 15px Arial, Helvetica, sans-serif; cursor:pointer; line-height:25px; display:block;}
table.listing tr td{ padding:7px 10px; font:bold 14px Arial, Helvetica, sans-serif; color:#222;}
table.listing tr td:first-child{padding-left:20px;}
/*table.listing tr td span{height:12px; width:12px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; background:#222; display:block; margin-left:20px;}
*/
.drop{width:172px\0/; overflow:hidden\0/;}
select{background:url(../images/drop.png) no-repeat 149px center\0/; background-color:#e8e8e8\0/; width:200px\0/; border-right:1px solid #000;}
:root select{background:url(../images/drop.png) no-repeat 149px center !important; background-color:#e8e8e8\0/; width:200px\0/; border-right:1px solid #000;}
.edit{margin:0 10px;}
.eventr{background:#eee;}
.oddtr{background:#fff;}


.addmore{
	background: none repeat scroll 0 0 #02164F;
    border-radius: 5px;
    color: #FFFFFF;
    float: right;
    font: bold 15px Arial,Helvetica,sans-serif;
    margin-right: 86px;;
    margin-top: -5px;
    padding: 7px 15px;
    text-decoration: none;
	cursor:pointer;
	
  }

.valid_box{width:350px;clear:both;background:url(../images/valid.png) no-repeat left #edfce9; font-size:14px; float:left;
border:1px #cceac4 solid;background-position:15px 10px;padding:12px 300px 15px 65px;margin:0 0px 15px 13px; display:block; }

.error_box{width:450px;clear:both;background:url(../images/error.png) no-repeat left #fce9e9; font-size:14px; 
border:1px #eac7c7 solid;background-position:15px 10px;padding:15px 225px 15px 65px;margin:0 0px 15px 20px; display:block; }

#modal {
	visibility:hidden;
	height:189px;
	padding:8px;


	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

	position:absolute;
	top:10% ;
	left:30%;
	margin-left:-180px;
	z-index:9999;
}
.booking #modal {
	visibility:hidden;
	height:189px;
	padding:8px;


	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

	position:absolute;
	top:20%;
	left:10%;
	margin-top:-94px;
	margin-left:-180px;
	z-index:9999;
}
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.9);
	z-index: 999;
	display: none;
	top: 0;
	left: 0; 
}
.close{text-decoration:none; font-weight:bold; color:#F00; position:absolute; right:15px; top:15px;}
table.addnewform{padding:50px 30px 30px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; background:#fff; float:left; width:100%;}
table.addnewform tr td{ padding:5px 10px; font:14px Arial, Helvetica, sans-serif; color:#333;}
table.addnewform tr td input[type="text"], table.addnewform tr td select{background:#fff; border:1px solid #ccc;}
table.addnewform tr td input[type="text"]:focus, table.addnewform tr td select:focus{background:#fff; border:1px solid #1897C9;}
table.addnewform tr td input[type="checkbox"]{margin-bottom:5px; margin-right:10px;}
.ui-widget{font-size:13px !important;}


label.check {
    display: inline;
}
 
.regular-checkbox {
    display: none;
}
 
.regular-checkbox + label.check {
    background-color: #111;
    border: 1px solid #999;
    padding: 4px;
    display: inline-block;
    position: relative;
}
 
.regular-checkbox + label.check:active, .regular-checkbox:checked + label.check:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.regular-checkbox:checked + label.check {
    background-color: #111;
    border: 1px solid #999;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
 
.regular-checkbox:checked + label.check:after {
    content: '\2714';
    font-size: 8px;
    position: absolute;
    top: -2px;
    left: 1px;
    color: #99a1a7;
}
#datepicker{background:url(../images/calender.png) no-repeat right center; cursor:pointer;}
.inputDis{border:1px solid #686161; width:150px; padding:5px 10px; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:none; color:#777;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#modal {
	visibility:hidden;
	height:189px;
	padding:8px;


	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

	position:absolute;
	top:30%;
	left:30%;
	margin-top:-94px;
	margin-left:-180px;
	z-index:9999;
}
}

@-moz-document url-prefix() { 
  select {
     padding:3px 10px;
  }
}






/* process */
.process{margin:30px 0; width:1036px;}
.posRel{position:relative; float:left; /*cursor:pointer;*/ margin-bottom:50px;}
.section{width:200px; height:80px; background:#000; padding:10px 0 0; margin:0px 20px; text-align:center; font:14px/18px Arial, Helvetica, sans-serif; color:#fff;}
.posRel:hover .section{background:#999;}
.processCheck{position:absolute; left:20px; top:0; height:18px; width:18px; background:url(../images/disCheck.png) no-repeat left top;}
.posRel:hover .processCheck, .processChecked, .posRel:hover .processChecked{position:absolute; left:20px; top:0; height:18px; width:18px; background:url(../images/actCheck.png) no-repeat left top;}
.processEdit{position:absolute; right:20px; bottom:30px; display:none; cursor:pointer;}
.section input{margin-top:5px; text-align:left; color:#999;}
.section input[placeholder]{font-style:italic;}
.section:hover input[placeholder]{font-style:italic; color:#333;}
.section input:focus{font-style:normal;}
.posRel:hover .processEdit{display:block;}
.ps{background:url(../images/ps.png) no-repeat center top; width:241px; height:35px; margin-top:-5px; text-align:center; font:bold 16px Arial, Helvetica, sans-serif; color:#fff; line-height:35px; position:relative; z-index:99999;}
.posRel:hover .ps{background:url(../images/psAct.png) no-repeat center top; width:241px; height:35px; margin-top:-5px;}
.first .ps{background:url(../images/firstPs.png) no-repeat center top; width:241px; height:35px; margin-top:-5px;}
.first:hover .ps{background:url(../images/firstPsAct.png) no-repeat center top; width:241px; height:35px; margin-top:-5px;}
.last .ps{background:url(../images/lastPs.png) no-repeat center top; width:241px; height:35px; margin-top:-5px;}
.last:hover .ps{background:url(../images/lastPsAct.png) no-repeat center top; width:241px; height:35px; margin-top:-5px;}
.pull-right{float:right !important;}
.pull-right.last{margin-right:72px;}
.pull-right-last{float:right !important; margin-right:72px;}
.last-al-ps{background:url(../images/last-al-ps.png) no-repeat center top; width:241px; height:35px; font:bold 16px Arial, Helvetica, sans-serif; color:#fff; line-height:35px; text-align:center; margin-top:-5px;}
.posRel:hover .last-al-ps{background:url(../images/last-al-psAct.png) no-repeat center top;}
 
.processActive .section{background:#999;}
.processActive .section input[placeholder]{color:#333;}
.processActive .processCheck{position:absolute; left:20px; top:0; height:18px; width:18px; background:url(../images/actCheck.png) no-repeat left top !important;}
.processActive .ps{background:url(../images/psAct.png) no-repeat center top; width:241px; height:35px; margin-top:-5px;}
.processActive.first .ps{background:url(../images/firstPsAct.png) no-repeat center top; width:241px; height:35px; margin-top:-5px;}
.processActive.last .ps{background:url(../images/lastPsAct.png) no-repeat center top; width:241px; height:35px; margin-top:-5px;}
.processActive .last-al-ps{background:url(../images/last-al-psAct.png) no-repeat center top;}
.disable{ width:200px; height:90px; background:rgba(255,255,255,0.8); position:absolute; top:0; left:20px; z-index:9999; display:none; box-sizing:border-box;padding-top:30px;}

.openheader{background:#1897C9; border-left:3px solid #1897C9; border-bottom:1px solid #1897C9;}

.forgotform{text-align:center; padding:40px 50px 20px; background:#fff;}
.forgotform tr th{color:#000 !important;}
.forgotform tr td{color:#000; vertical-align:top;}
.forgotform tr td label{margin-right:15px; margin-top:9px; display:block; font-size:14px; color:#555;}
.forgotform tr td input[type="text"]{width:180px; border-radius:0;}

/*#mainTable tr:first-child{font-weight:bold!important; background:#999; color:#fff;}*/