/*--------------------------------
         Login Box
--------------------------------*/

#login_box{
	background: #eee url(https://admin.bookingwhizz.com/images/bg_squares.png) repeat;
	background-color: #e5e8ea;
	z-index:10;
	display: block;
	margin:10% auto 100px;
	/*border: 2px solid rgb(177, 177, 177);*/
	position:relative;
	width:340px;
	height:230px;
	cursor:pointer;
	padding-top: 11px;
	color:rgb(219, 219, 219);
} 

#login_box label.fields{
	position: relative;
	display:block;
	margin: 20px 30px 10px;	
}

#login_box label.fields strong{
	display:block;
	width:85px;
	float:left;
	
	color: #333333;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 25px;
    text-shadow: 0 1px 0 #FFFFFF;
	}
	

#login_box label.fields input.indent{
	width:185px;
	height:22px;
	padding:0 5px;
	line-height:22px;
    text-shadow: 0 1px 0 #FFFFFF;}
	
.login_button
{
	background-color: #3a5d6f;
	float:right;
	margin:10px 30px 55px;
	display:block;
    clear: both;
    border: 1px solid #4C5766;
    color: #fff;
    padding:0 15px;
    vertical-align:middle;
	padding:5px 20px 5px 25px;
	background:url(https://admin.bookingwhizz.com/images_1/icons/small/white/Locked%202.png) #3a5d6f left no-repeat;
	background-position:left;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.login_button:hover{background-color: #4C5766; border:1px solid #313841; background:url(https://admin.bookingwhizz.com/images_1/icons/small/white/Locked%202.png) #4C5766 left no-repeat; background-position:left;}


.button_login {
	float:right;
	margin:10px 30px 55px;
	display:block;
    clear: both;
}

#login_box #bar{
	color:white;
	background-color:#333;
	position:absolute;
	bottom:-5px;
	left:-4px;
	width:306px;
	padding:10px 20px;
	border-left:none;
	border-right:none;
	font-size: 12px;
	border-bottom: 1px solid #59676B !important;
	
}

#login_box #bar a{ margin-left:30px; color:#ccc}
#login_box #bar a:hover{ color:#fff;}

#login_box a#login_logo{
	background: transparent url("../images/BW_Label.png") 0 0px no-repeat;
	position:absolute;
	bottom:-90px;
	left:24px;
	height:86px;
	width:87px;
}

.login_logo_whiz{
	/*background: transparent url("../images/loginlogo.png") no-repeat;*/
	position: absolute;
	bottom: -66px;
	left: 52px;
	height: 49px;
	width: 309px;
}

#login_box a#login_logo span{ visibility:hidden;}

/*----- End of Login Page -------*/

.round_all {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.round_bottom {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}




/* Coloured Header Gradients, eg. Sortable Boxes, Tab Boxes, Date-picker, etc. */

body .grad_colour,
.ui-widget-header,
div.main_container #nav_top ul li.current a,
#nav_top ul li ul.dropdown li ul.slideout,
.dataTables_wrapper .ui-widget-header,
#sidebar ul#accordion li ul.drawer,
#login_box #bar,
.slider-content .selected .title,
#sidebar .user_box,

#topbar .user_box,
form#search_side
{

background: #4c5766; /* old browsers */

background: -moz-linear-gradient(top, #4c5766 0%, #313841 99%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5766), color-stop(99%,#313841)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5766', endColorstr='#313841',GradientType=0 ); /* ie */


border:1px solid #313841;
	
zoom:1;
}


/* Grey Header Gradients eg. Nav, Sidebar, Accordion, etc. */


body .grad_grey,
#sidebar ul#accordion li a,
#nav_top ul li a,
#nav_top ul li ul.dropdown li,
.content_accordion h3.bar,
.box .no_padding .dataTables_wrapper .ui-corner-tl,
.dataTables_scrollHead,
.list_slider .slider-nav, .slider-content .title,
.list_slider .slide-up,
.list_slider .slide-down,
#sidebar ul#side_links li a,
div.main_container .tabs ul.tab_header li a, 
div.main_container .tabs ul.tab_sider li a
{

background: #DFE2E4; /* old browsers */

background: -moz-linear-gradient(top, #E6ECEF 0%, #D0D6DA 99%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6ECEF), color-stop(99%,#D0D6DA)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6ECEF', endColorstr='#D0D6DA',GradientType=0 ); /* ie */
	

zoom:1;
}


/* Theme Button and some ON states */


button, button.skin_colour,
div.main_container .gallery ul li a,
#feature_container a.features{

	background: #4c5766; /* old browsers */
	
	background: -moz-linear-gradient(top, #4c5766 0%, #313841 99%); /* firefox */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5766), color-stop(99%,#313841)); /* webkit */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5766', endColorstr='#313841',GradientType=0 ); /* ie */
		

	border: 1px solid #313841;
		
	-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,0.2);
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1),	inset 0px 1px 0px rgba(255,255,255,0.2);
	text-shadow:0px -1px 1px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.2)

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	zoom:1;
}

button:hover, button.skin_colour:hover,
div.main_container .gallery ul li a:hover,
#feature_container a.features:hover{

	background: #313841; /* old browsers */
	
	background: -moz-linear-gradient(top, #313841 0%, #4c5766 99%); /* firefox */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313841), color-stop(99%,#4c5766)); /* webkit */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313841', endColorstr='#4c5766',GradientType=0 ); /* ie */

	zoom:1;	
	
    -webkit-transition: background 5000ms ease-in; /* Saf3.2+, Chrome */
    -moz-transition: background 5000ms ease-in; /* FF3.7+ */
    -o-transition: background 5000ms ease-in; /* Opera 10.5+ */
    transition: background 5000ms ease-in; /* futureproofing */	
}

body div.main_container .grad_colour, 
body div.main_container .grad_grey,
.dataTables_wrapper .ui-widget-header,
.dataTables_scrollHeadInner{
filter:none\9 !important;
}