/*!
	Site:			Ultraflexi System
	Author:			Will Shu
	Version:		v1.1
	Description:	Default styles (no custom branding).  Media and print queries as well as browser specific styles are placed here, built on top of bootstrap normalised styles.
 */

.scrolly{
	overflow: scroll;
	width: 100%;
 	border: 1px;
}
.clipText {
  max-width: 10em;
  white-space: nowrap;
  overflow: hidden;
}
.clipText:hover {
  max-width : initial;
}

 body{
/*  padding-top:50px;*/
}
/*
	PURCHASE CONTRACT OFFERS (Offer Status Tag)
*/
span.offerStatusPending, span.offerStatusOffered {
	background-color: #FFB400;
}
span.offerStatusAccepted {
	background-color: #A0C745;
}
span.offerStatusRejected {
	background-color: #8DB8E3;
}
span.offerStatusNotInPlace {
	background-color: #EEEEF5;
	color: black;
}

a{
  color:rgb(172, 172, 172);
  -webkit-transition:all 200ms;
  -moz-transition:all 200ms;
  -ms-transition:all 200ms;
  -o-transition:all 200ms;
}

a:hover{
  color:rgb(72, 72, 72);
  text-decoration:none;
}



/* shopping cart */

/* logo */
.logo h1{
  margin:0;
  font-size:75px;
  line-height:65px;
  font-weight:300;
}

/* top, bottom border for navbar */
.navbar{
/*
  border-bottom:1px solid rgba(0, 0, 0, .1);
  border-top:1px solid rgba(0, 0, 0, .1);
*/
  margin-bottom:0;

}

/* shoping cart */
.search-shopping{
  margin-bottom:20px;
}

.shopping-info{
  padding-bottom:10px;
}

.search-shopping a{
  font-weight:lighter;
  font-size:12px;
}

/* search box */
.search-shopping input{
  background-color:white;
  border:1px solid rgba(0, 0, 0, .1);
  border-right:1px solid transparent;
  -webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -moz-box-shadow:inset 0 0px 0px rgba(0,0,0,0.075);
  box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}

.search-shopping input:focus{
  border-color:rgba(0, 0, 0, .1);
  border-right-color:transparent;
  outline:0;
  outline: dotted 9px;
  -webkit-box-shadow:0 0 0;
  -moz-box-shadow:0 0 0;
  box-shadow:0 0 0;
}

.search-shopping .btn{
  background:#fff;
  -webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -moz-box-shadow:inset 0 0px 0px rgba(0,0,0,0.075);
  box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.075);
  border:1px solid rgba(0, 0, 0, .1);
}

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle{
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}

.search-shopping i{
  color:rgba(0, 0, 0, .2);
}

/* navbar-inner */
.navbar-inner{
  min-height:40px;
  padding-right:20px;
  padding-left:20px;
  background-color:transparent;
  background-image:none;
  background-image:none;
  background-image:none;
  background-image:none;
  background-image:none;
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  border-left:1px none rgb(212, 212, 212);
  border-right:1px none rgb(212, 212, 212);
  border-bottom:1px none rgb(212, 212, 212);
  border-top:1px none rgb(212, 212, 212);
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.065);
  -moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);
  box-shadow:0 0px 0px rgba(0, 0, 0, 0.065);
}

.navbar .nav > li > a.muted {
  color: #808080;
 }
.navbar .nav > li > a{
  font-weight:lighter;
  font-size:12px;
/*
  text-transform:uppercase;
*/
  border-top:1px solid transparent;
}

.navbar .nav > li:focus > a, .navbar .nav > li:hover  > a, .navbar .nav > li.active:hover  > a{
  color:#fff;
  background-color:#000;
  margin-bottom:-0.4px;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-bottom-right-radius:0;
  -moz-border-bottom-left-radius:0;
  -moz-border-bottom-right-radius:0;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
text-shadow:0 0 0;
/*
   border-top:1px solid rgb(0, 0, 0);
*/

}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{
  color:#000;
  background-color:#fff;
  text-shadow:0 0 0;
  border-top:1px solid rgb(0, 0, 0);

}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
  color:#000;
  text-decoration:none;
  border-top:1px solid rgb(0, 0, 0);
  background-color:transparent;
  -webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.125);
  -moz-box-shadow:inset 0 0px 0px rgba(0,0,0,0.125);
  box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.125);
}

.navbar .nav li.dropdown.open .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{
  background:#000;
  color:#fff;
  text-shadow:0 0 0;
  border-bottom-color:#000;
}

/* drop-down menu */
.dropdown-menu{
  position:absolute;
  top:100%;
  left:-3px;
  z-index:1000;
  display:none;
  float:left;
  min-width:160px;
  padding:10px 10px;
  margin:0 2px;
  list-style:none;
  background-color:#fff;
  border-top:3px solid #000;
  border-left:1px solid rgba(0, 0, 0, .1);
  border-right:1px solid rgba(0, 0, 0, .1);
  border-bottom:1px solid rgba(0, 0, 0, .1);
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:0 0px 0px rgba(0,0,0,0.2);
  box-shadow:0 0px 0px rgba(0, 0, 0, 0.2);
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding;
  background-clip:padding-box;
  -webkit-border-top-right-radius:0 !important;
  -moz-border-top-right-radius:0 !important;
  border-top-right-radius:0 !important;
}

.navbar ul.nav li:hover > ul.dropdown-menu{
 display:block;
}

.dropdown-menu li > a{
  display:block;
  /* padding:5px 20px; */
  padding:5px 0px 5px 10px;
  margin:5px 0;
  border-radius:5px;
  clear:both;
  font-weight:normal;
  line-height:20px;
  color:rgb(119, 119, 119);
  /* white-space:nowrap; */ /* ticket #356 */
  text-transform:capitalize;
}
/* dropdown icons should not be shown - just used in navbar */
.dropdown-menu li > a >i {
  display: none;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color:black;
/*  padding:5px 25px;*/
  text-decoration:none;
  background-color:white;
  background-image:none;
  background-image:none;
  background-image:none;
  background-image:none;
  background-image:none;
  background-repeat:repeat-x;
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

/* Indent subsections */
.dropdown-menu li >a.inner {
  padding-left: 20px;
}
/* before and after */
.navbar .nav > li > .dropdown-menu::before,
.navbar .nav > li > .dropdown-menu::after{
  display:none;
}

/* Navbar text - used for subsection headings */
.navbar-text {
  font-weight:bold;
  line-height: 20px;
  padding: 8px;
}
/* side nav used for subsection headings */
.settings-sidenav > active > a.inner,
.settings-sidenav > li > a.inner {
  padding-left: 18px;
}
/* side nav navbar-text only */
.nav.nav-list.settings-sidenav p.navbar-text {
  background-color: #e9e9e9;
}
/* side nav divider should not be shown - just used in dropdown */
.nav-list .divider {
  display: none;
}

li.dropdown .navbar-text {
  padding: 8px 8px 2px 8px;
}

/* utilities */
.text-left{ text-align:left;}
.text-center{ text-align:center;}
.text-right{ text-align:right;}

/* fixes */
.span12:nth-child(1n+1){  margin-left:0; }
.span6:nth-child(2n+1){  margin-left:0; }
.span4:nth-child(3n+1){  margin-left:0; }
.span3:nth-child(4n+1){  margin-left:0; }
.span2:nth-child(6n+1){  margin-left:0; }



/* Sidebar Nav */
.settings-sidenav{
    background-color:#FFFFFF;
/*
    border-radius:6px 6px 6px 6px;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.067);
	margin:30px 0 0;
*/
    padding:0;
    width:100%;
}
.settings-sidenav > li > a{
    border:1px solid #E5E5E5;
    display:block;
    margin:0 0 -1px;
    padding:8px 14px;
    text-transform:capitalize;
}
/* Divider in side nav */
.settings-sidenav > li.divider {
    border: 1px solid #e5e5e5;
    display: block;
    height: 5px;
    margin:0;
    background-color: #e9e9e9;
}
.settings-sidenav > li:first-child > a{
/*
    border-radius:6px 6px 0 0;
*/
}
.settings-sidenav > li:last-child > a{
/*
    border-radius:0 0 6px 6px;
*/
}
.settings-sidenav > .active > a{
    border:0 none;
    box-shadow:1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    padding:9px 15px;
    position:relative;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.15);
    z-index:2;
}
.settings-sidenav .fa-chevron-right {
    float:right;
    margin-right:-6px;
    margin-top:2px;
    opacity:0.25;
}
.settings-sidenav > li > a:hover{
    background-color:#F5F5F5;
}
.settings-sidenav a:hover .fa-chevron-right {
    opacity:0.5;
}
.settings-sidenav .active .fa-chevron-right, .bs-docs-sidenav .active a:hover .fa-chevron-right{
    opacity:1;
}
.settings-sidenav.affix{
    top:40px;
}
.settings-sidenav.affix-bottom{
    bottom:270px;
    position:absolute;
    top:auto;
}
.settings-container{
    max-width:970px;
}
.settings-sidenav{
    width:100%;
}
.settings-sidenav > li > a{
}
.settings-siderbar-accordion{
	padding:0 !important;
	margin:0 !important;
}
/* Notification box */
.notifications{
	max-height:150px;
	overflow:auto;
}

/* Margins on individual notifications */
div.notifications > div > div {
	margin-top: 4px;
}

div.notifications > div > div:FIRST-CHILD {
	margin-top: 0px;
}

.nav-header{
  text-transform:none;
  color:#cb6060;
}

.dropdown .dropdown-menu .nav-header {
   padding-left: 10px;
}
/**************** Widget *****************/
.widget{
	position:relative;
	clear:both;
	width:auto;
	margin-bottom:2em;
	overflow:hidden;
}
.widget-header{
	position:relative;
	height:40px;
	line-height:40px;
	background:#E9E9E9;
	background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
	background:linear-gradient(to top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
	border:1px solid #D5D5D5;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	-webkit-background-clip:padding-box;
}
	.widget-header h3{
		position:relative;
		top:2px;
		left:10px;
		display:inline-block;
		margin-right:3em;
		font-size:16px;
		color:#555;
		line-height:18px;
		text-shadow:1px 1px 2px rgba(255,255,255,.5);
	}

	.widget-header [class^="fa-"], .widget-header [class*=" fa-"] {
		display:inline-block;
		margin-left:13px;
		margin-right:-2px;
		font-size:16px;
		color:#555;
		vertical-align:middle;
	}
	.widget-header i.tagLineHelp  {
		font-size: 14px;
		margin-bottom: 0;
		margin-left: 2px;
	}
	.widget-header p {
	  float: right;
	  margin-right: 1%;
	  font-size: 18px;
	  font-weight: bold;
	  margin-bottom: 0;
	}
.widget-header p i.far,
.widget-header p i.fal,
.widget-header p i.fas {
  font-size: 20px;
}

.widget-header.error {
	border: 2px solid #b94a48
}
.widget-header p {
	padding-left : 10px;
}
.widget-content{
	padding:20px 15px 15px;
	background:#FFF;
	border:1px solid #D5D5D5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.widget-header+.widget-content{
	border-top:none;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
}

.widget-nopad .widget-content{
	padding:0;
}

/* Widget Content Clearfix */
.widget-content:before,
.widget-content:after{
    content:"";
    display:table;
}

.widget-content:after{
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.widget-content{
    zoom:1;
}

/* Widget Table */

.widget-table .widget-content{
	padding:0;
}

.widget-table .table{
	margin-bottom:0;
	border:none;
}

.widget-table .table tr td:first-child{
	border-left:none;
}

.widget-table .table tr th:first-child{
	border-left:none;
}


/* Widget Plain */

.widget-plain{
	background:transparent;
	border:none;
}

.widget-plain .widget-content{
	padding:0;
	background:transparent;
	border:none;
}


/* Widget Box */

.widget-box{
}

.widget-box .widget-content{
	background:#E3E3E3;
	background:#FFF;
}

.widget-header{
	cursor:pointer
}
/**************** Please insert new styles here.  Existing changes go above here ****************/
/*
body:hover *[style], font, center{
	outline:4px dashed red;
}
*/
/**************** SHARED ****************/

#header, #main, #footer{
	padding:0 20px;
}
/* branding */
.colourPreview{
	height:1.4em;
	width:6em;
	padding:0;
	border:1px solid black;
	cursor:pointer;
}
.categories{
	border:1px solid #ccc;
	border-radius:4px;
	cursor:pointer;
	padding:6px;
	width:300px;
	overflow:hidden;
}
.media{
	margin-bottom:4px;
}
.table-data {
	background-color:#F5F5F9;
	background-color:#EEEEF5;
	border-spacing:2px;
	border:4px solid #f00;
	/*border-collapse:none !important;*/
}
.table-section{
	background-color:#fff;
}

.required:before{
	content:' *';
	margin-right:3px;
	color:#f00;
}
ul.formValidationError{
	background-image:url("https://demo.blockoptions.io/images/icons/required.gif");
	background-position:6px 40%;
	background-repeat:no-repeat;
	border-width:1px;
	color:#f00;
	font-size:0.8em;
	font-weight:bold;
	height:2em;
	list-style-type:none;
	margin:0;
	padding:0.4em 0 0 15px;
	text-align:left;
}
ul.formValidationError li{
}
ul.formValidationError li:first-child{
	padding-left:0;
}

/* Generic styles */
h1,h2,h3,h4,#main{
  color:#333;
}
h1 {
  font-size:24px !important;
}
h2 {
  font-size:21px !important;
  margin: 10px 0 6px 0;
}
h3 {
  font-size:18px !important;
  margin: 10px 0 4px 0;}
h4 {
	font-size:16px !important;
}
h1 span.fa-stack {
  font-size:0.8em;
}
/* button layout styles */
button {
  text-transform: uppercase;
}
button.btn-link {
  text-transform: none;
}
button.btn-link-initial {
  text-transform: initial;
}
.imgWorkerAvailable,
.imgWorkerBooked {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.imgWorkerAvailable {
  border: 3px solid #a8a8a8;
}
.imgWorkerBooked {
  border: 3px solid #9bd285;
}
.accordion-heading .fa-chevron-right,
.accordion-heading .fa-chevron-down {
  float: right;
  margin-right: -6px;
  margin-top: 4px;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.table th {
  text-transform: none !important;
  font-size: 14px !important;
}
.time-hours,
.time-minutes {
  width: 54px;
  float: left;
}
.time-separator {
  padding: 5px 4px;
  float: left;
}
.date-from,
.date-to {
  padding: 5px 8px;
  float: left;
}

.btn {
  background-color: #aaaaaa;
  *background-color: #aaaaaa;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #fff;
  background-color: #B8B8B8;
  *background-color: #666666;
}

.btn-primary {
  background-color: #888888;
/*   background-image: -moz-linear-gradient(top, #888888, #666666);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#888888), to(#666666));
  background-image: -webkit-linear-gradient(top, #888888, #666666);
  background-image: -o-linear-gradient(top, #888888, #666666);
  background-image: linear-gradient(to bottom, #888888, #666666);
 */}
 
/*Below: !important tag not ideal, but otherwise it's overridden by branding.jsp*/ 

a.btn-primary {
	background-color: #888888 !important;
  	color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #666666;
  *background-color: #444444;
}
.btn-danger.active {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger.disabled,
.btn-danger[disabled] {
	visibility: hidden;
}
.booking-btn {
  font-size: 1.3em !important;
  font-weight: bold;
  vertical-align: inherit !important;
}

.popover {
  color: inherit;
  max-width: 500px;
}
/** paging **/
.pagination ul > li > a {
  background-color: #aaaaaa;
  border-color: white;
}
.pagination ul > li > a:hover {
  background-color: #888888;
  color: #000;
}
.pagination {
  display: inline-block;
  margin: 5px 0;
}
/** first child of paging - fit closer to table */
div > .pagination.items {
  padding-top: 10px;
}
div > .pagination.items ~ .pagination.items {
  padding-top: inherit;
}
/** first child - hide paging */
div.pagination.pages {
  display: none;
}
/** subsequent children - show paging */
div.pagination.pages ~ .pagination.pages {
  display: inherit;
}
.pagination.export {
  display: block;
}
/* Wide tables need to be wrapped to ensure margin doesn't leak into RH border - mimic container fluid padding */
.table-wrapper {
	display:inline-block;
	padding-right: 40px;
}

/* Ensure pick up alert-danger highlighting for table items */
.table-striped tbody > tr:nth-child(2n+1) > td.alert-danger {
	background-color: #f2dede;
}
/* Ensure pick up alert-success highlighting for table items */
.table-striped tbody > tr:nth-child(2n+1) > td.alert-success {
  background-color: #dff0d8;
}
.table.hours-booked {
	margin: 0;
}
/** Ensure any table headers spanning two rows deepen the padding to ensure text is aligned */
.table-overview th[rowspan="2"] {
	padding-top: 32px;
}
/**************** HEADER ****************/
#header{
}

#logo{
	padding-left:.6em;
}
img.bannerFullWidth{
	max-height:200px;
	width:100%;
}

/* 170
.user-avatar{
	width:100%;
	height:auto;
}*/

/**************** NAVIGATION ****************/
.navbar-inner{
	padding:0;
}

.navbar .btn-navbar{
  display:none;
  float:right;
  padding:7px 10px;
  margin-right:5px;
  margin-left:5px;
  color:#fff;
  background:none;
  border:0;
/*
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color:#ededed;
  *background-color:#e5e5e5;
  background-image:-moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image:-webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image:-o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image:linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat:repeat-x;
  border-color:#e5e5e5 #e5e5e5 #bfbfbf;
  border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
*/
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled]{
  color:#fff;
  background:none;

/*
  background-color:#e5e5e5;
  *background-color:#d9d9d9;
*/
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active{
  background-color:#cccccc \9;
}

.navbar .btn-navbar .fa-bar {
  display:block;
  width:18px;
  height:3px;
  background-color:#fff;
  -webkit-border-radius:0;
     -moz-border-radius:0;
          border-radius:0;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
}

.btn-navbar .fa-bar + .fa-bar{
  margin-top:3px;
}

.nav-pills > ul > li > a{
	background-color:#f00;
}

.navbar .nav > li > a{
  font-size:18px;
  color:#333;
  font-weight:bold;
}

.nav-header{
	font-size:17px;
}

.dropdown-menu li > a{
	font-size:14px;
}

.dropdown-menu .divider {
  margin: 1px;
}

/* Custom icons - when finalised move to sprites */
.nav-bookings,.nav-timesheets,.nav-bookers,.nav-bookersother,.nav-reports,.nav-resources,.nav-system,.nav-comms,.nav-partners,.nav-preferences,.nav-ratings,.nav-schedule, .nav-assignments, .nav-aboutme,.nav-agencies,.nav-pool,.nav-organisation,.nav-contracts, .nav-notifications, .nav-availability{
	width:75px;
	height:75px;
	display:block;
}

.nav-bookings{
	background:url("https://demo.blockoptions.io/img/bookings.png") no-repeat top center;
}
.nav-timesheets{
	background:url("https://demo.blockoptions.io/img/timesheets.png") no-repeat top center;
}
.nav-bookers{
	background:url("https://demo.blockoptions.io/img/bookers.png") no-repeat top center;
}
.nav-bookersother{
	background:url("https://demo.blockoptions.io/img/bookers-other.png") no-repeat top center;
}
.nav-reports{
	background:url("https://demo.blockoptions.io/img/reports.png") no-repeat top center;
}
.nav-resources{
	background:url("https://demo.blockoptions.io/img/resources.png") no-repeat top center;
}
.nav-system{
	background:url("https://demo.blockoptions.io/img/setup.png") no-repeat top center;
}
.nav-comms{
	background:url("https://demo.blockoptions.io/img/comms.png") no-repeat top center;
}
.nav-partners{
	background:url("https://demo.blockoptions.io/img/partnering.png") no-repeat top center;
}
.nav-preferences{
	background:url("https://demo.blockoptions.io/img/preferences.png") no-repeat top center;
}
.nav-ratings{
	background:url("https://demo.blockoptions.io/img/ratings.png") no-repeat top center;
}
.nav-schedule{
	background:url("https://demo.blockoptions.io/img/schedule.png") no-repeat top center;
}
.nav-assignments{
	background:url("https://demo.blockoptions.io/img/assignments.png") no-repeat top center;
}
.nav-aboutme{
	background:url("https://demo.blockoptions.io/img/aboutme.png") no-repeat top center;
}
.nav-agencies{
	background:url("https://demo.blockoptions.io/img/agencies.png") no-repeat top center;
}
.nav-pool{
	background:url("https://demo.blockoptions.io/img/pool.png") no-repeat top center;
}
.nav-organisation{
	background:url("https://demo.blockoptions.io/img/organisation.png") no-repeat top center;
}
.nav-contracts{
	background:url("https://demo.blockoptions.io/img/contracts.png") no-repeat top center;
}
.nav-notifications{
	background:url("https://demo.blockoptions.io/img/notifications.png") no-repeat top center;
}
.nav-availability{
	background:url("https://demo.blockoptions.io/img/availability.png") no-repeat top center;
}

/* Custom icons - when finalised move to sprites */
.nav-bookings-icon,.nav-timesheets-icon,.nav-bookers-icon,.nav-bookersother-icon,.nav-reports-icon,.nav-resources-icon,.nav-system-icon,.nav-comms-icon,.nav-partners-icon,.nav-preferences-icon, .nav-aboutme-icon, .nav-notifications-icon,.nav-assignments-icon, .nav-availability-icon{
  display:inline-block;
  width:28px;
  height:28px;
  margin-top:1px;
  *margin-right:.2em;
  line-height:14px;
  vertical-align:middle;
  padding-left:.7em;
}
.nav-bookings-icon{
	background:url("https://demo.blockoptions.io/img/bookings-icon.png") no-repeat top center;
}
.nav-timesheets-icon{
	background:url("https://demo.blockoptions.io/img/timesheets-icon.png") no-repeat top center;
}
.nav-bookers-icon{
	background:url("https://demo.blockoptions.io/img/bookers-icon.png") no-repeat top center;
}
.nav-bookersother-icon{
	background:url("https://demo.blockoptions.io/img/bookers-other-icon.png") no-repeat top center;
}
.nav-reports-icon{
	background:url("https://demo.blockoptions.io/img/reports-icon.png") no-repeat top center;
}
.nav-resources-icon{
	background:url("https://demo.blockoptions.io/img/resources-icon.png") no-repeat top center;
}
.nav-system-icon{
	background:url("https://demo.blockoptions.io/img/setup-icon.png") no-repeat top center;
}
.nav-comms-icon{
	background:url("https://demo.blockoptions.io/img/comms-icon.png") no-repeat top center;
}
.nav-partners-icon{
	background:url("https://demo.blockoptions.io/img/partnering-icon.png") no-repeat top center;
}
.nav-preferences-icon{
	background:url("https://demo.blockoptions.io/img/preferences-icon.png") no-repeat top center;
}
.nav-aboutme-icon{
	background:url("https://demo.blockoptions.io/img/aboutme-icon.png") no-repeat top center;
}
.nav-notifications-icon{
	background:url("https://demo.blockoptions.io/img/notifications-icon.png") no-repeat top center;
}
.nav-assignments-icon{
	background:url("https://demo.blockoptions.io/img/assignments-icon.png") no-repeat top center;
}
.nav-availability-icon{
	background:url("https://demo.blockoptions.io/img/availability-icon.png") no-repeat top center;
}
/** Ensure Fastfind doesn't extend the banner height */
.navbar form.navbar-search {
	margin-top: 3px;
}
.navbar div.input-append {
	margin-bottom: 0px;
}
/**************** MAIN ****************/
#main{
	font-size:14px;
	padding-top:20px;
/*
	background-color:#9cf;
	background-color:#F7F7F7;
	width:940px;
	margin:0 auto;
*/
}

/**************** FOOTER ****************/
#footer{
  margin-top: 20px;
}
#footer > div {
  margin-top: 5px;
}
.footer-credits{
  font-size:11px;
}
.footer-credits img {
  max-width: 15%;
}
.accordion-heading{
	background:#E9E9E9;
	background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
	background:linear-gradient(to top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
	border:1px solid #D5D5D5;
	height:auto;
}

.accordion-heading .accordion-toggle{
	font-size: 16px;
	font-weight: 800;
	padding: 8px 15px 8px 8px;
}
.accordion-body{
	background-color:#fff;
}

/* media types for custom icons */

/* custom timegrid */
div.timegrid_body_container{
	width:100px !important;
	margin:0 auto !important;
}

div.type1, div.type2, div.type3,
div.selected, div.invalid_time, div.past, div.job, div.inactive, div.inactive_end{
	width:20px !important;
}
div.hour,
div.hour_bottom{
	width:41px !important;
}

#nav-menu {
	background-color:#ccc;
}

.timegrid-overflow {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}


/**************** BOOKINGS/TIMESHEETS LINKS ****************/


.recordLink{
	font-weight:600;
	text-align:center;
}

/**************** DESCRIPTION LIST CUSTOMISATION ****************/
dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 35px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 55px;
}
/**************** MODAL CUSTOMISATION ****************/
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in{
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal-backdrop.in {
 opacity: 0;
}
.modal{
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 740px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 10%;
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  background-color: #000;
}

.modal-header .close {
  margin-top: 2px;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
  opacity: 1;
}
.modal-header h3 i {
	font-size: 24px;
}
.modal-header h3 {
  margin: 0;
  color: #fff;
  line-height: 28px;
}

.modal-body {
  position: relative;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.photoContainer img,
.modal-body #photoContainer img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  height: 214px;
  max-width: 100%;
  max-height: 100%;
}
/** Icon instead of image should be set to fill the container */
.photoContainer i,
.modal-body #photoContainer i {
  font-size: 200px;
  width: 100%;
  line-height: 216px;
}
.modal-body .imageContainer,
.photoContainer-bg {
  background-color: #f5f5f9;
  border: 1px solid #999999;
  overflow: auto;
}
.photoContainer,
.modal-body #photoContainer {
  text-align: center;
  height: 218px;
  display: flex;
  position: relative;
}
.modal-body #photoContainer {
  background: #f5f5f9;
  border: 1px solid #999;
}
img.container-fit {
  max-width: 100%;
}
div.freeText {
  background-color: #f5f5f9;
  padding: 4px;
  border: 1px solid #999999;
  height: 8em;
  overflow: auto;
}
.modal-body div.freeText.auto {
  height: auto;
}
.modal-body h5 {
  margin-bottom: 3px;
}
.modal-body #photoCaption {
  text-align: right;
}
.modal-body div.span12.row-fluid,
.modal-body div.span12.row-fluid div.span6 {
  margin-left: 0;
}
/*** This is virtually the same as the pre tag - grey shaded box with border ***/
.example-text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  background-color: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 9.5px;
  margin-bottom: 10px;
}
/*** This is virtually the same as the pre tag - white shaded box with border ***/
.border-text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  background-color: white;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 9.5px;
  margin-bottom: 10px;
}
.form-horizontal .control-label.text-left {
  text-align: left;
}
/*** alerts ***/
.alert-info {
  border: medium none;
}
.alert {
  border: medium none;
  font-size: 16px;
}
/*** spacer bars ***/
hr.thick {
  border-top-width: 9px;
  border-color: #bbb;
  margin: 20px 0 0 0;
  clear: both;
}
hr.thick.no-margin {
  margin: 0;
}

hr.medium {
  border-top-width: 2px;
  border-color: #bbb;
  margin: 20px 0 0 0;
  clear: both;
}
hr.medium.no-margin {
  margin: 0;
}

hr.top-2 {
  border-top-width: 2px;
  border-color: #bbb;
  margin: 20px 0 0 0;
  clear: both;
}
.row-fluid.no-padding {
  padding: 0;
}
.block {
  display: inline-block;
}
.d-block {
  display: block;
}
.d-inline {
  display: inline;
}
/** set width to that of input text field - used for date/location range label in reporting */
.range-label {
  width: 218px;
}
/** Links pretending to be buttons should mimic buttons */
a.link-btn:link,
a.link-btn:visited {
  background-color: #aaaaaa;
  color: #fff;
}
a.link-btn:hover,
a.link-btn:focus,
a.link-btn:active {
  background-color: #888888;
  color: #333333;
}
.link-btn {
  text-transform: uppercase;
}
#availabilityTable,
#bookedTable {
  font-size: 22px;
}
.table-overview {
  font-weight: bold;
  min-width: 900px;
}
/** Match links font size to button font size in tables */
.table-sellers a.small {
  font-size: 14px;
}
.table-overview th,
.table-overview tr td,
.table-sellers th,
.table-sellers tr td {
  text-align: center;
}
.table-overview,
.table-sellers {
  font-size: 1.25vw;
}
/** Table Caption */
.table-bordered caption {
  border: 1px solid #ddd;
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #fafafa 0%, #e9e9e9 100%) repeat scroll 0 0;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 5px;
  text-align: left;
  border-radius: 4px;
}
.table-bordered th.muted {
  color: #808080;
}
.table-fixed {
  table-layout: fixed;
}
/** Sub Table set up */
.table-sub {
  border-top-right-radius: 4px;
}
.table-sub th,
.table-sub td {
  border-bottom: 3px solid #666;
  border-top: 3px none;
}
.table-sub td {
  border-left: 3px solid #666;
}
.table-sub tbody:first-child tr:first-child td {
  border-top: 3px solid #666;
}
.table-sub tbody:first-child tr:first-child td:first-child {
  border-radius: 0px;
  border-top-left-radius: 4px;
  border-top: 3px solid #666;
}
.table-sub tbody:first-child tr:first-child td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 3px solid #666;
}
.table-sub tbody:last-child tr:last-child > td:last-child {
  border-bottom-right-radius: 0;
}
.table-sub tr:first-child > td:first-child {
  border-radius: 4px;
}
.summary-text {
  font-size: 140%;
}
/** Set default height on table containing a map */
.table-map {
  height: 300px;
}
/** first column is "really" the table header */
.table-map tr > td:first-child {
  font-size: 140%;
  color: #999;
}
.table-sub tr > td {
  font-size: 120%;
}
/** map in a table cell */
td.map-cell {
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  background: #E9E9E9;
}
td.map-cell > div {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
/** image in a table cell */
td.img-cell {
  padding: 0;
  text-align: center;
  background: #E9E9E9;
}
td.img-cell > div {
  position: relative;
}
td.img-cell > div > img {
  position: absolute;
  -webkit-transform: translateY(-50%) translateX(-50%);
  height: 292px;
}
/** centred image */
.center-cropped {
  width: 60px;
  height: 60px;
  background-position: center center !important;
  background-repeat: no-repeat;
  display: inline-block;
}
/* Ensure pick up alert-danger highlighting for table items */
.table-striped tbody > tr:nth-child(2n+1) > td.alert-danger {
  background-color: #f2dede;
}
.table.hours-booked {
  margin: 0;
}
.table td.text-left {
  text-align: left;
}
.table th.text-center {
  text-align: center;
}
.table td.text-center {
  text-align: center;
}
.table td.min-width-120 {
  min-width: 120px;
}
/** font awesome custom checkboxes */
/* to hide the checkbox itself - we will use this when we standardise ALL checkboxes */
/* input[type=checkbox] { display:none; } */
input.fa-checkbox[type=checkbox] + label:before {
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  font-size: 20px;
}
.table td.checkbox-cell > label,
.checkbox-column > label {
  margin-bottom: 0px;
}
.table td.checkbox-column {
  text-align: center;
}
/* unchecked icon */
input.fa-checkbox[type=checkbox] + label:before {
  content: "\f0c8";
}
/* space between checkbox and label */
input.fa-checkbox[type=checkbox] + label:before {
  letter-spacing: 8px;
  color: #b94a48;
}
/* checked icon shows as green */
input.fa-checkbox[type=checkbox]:checked + label:before {
  content: "\f14a";
  color: green;
}
/* allow space for check mark */
input.fa-checkbox[type=checkbox]:checked + label:before {
  letter-spacing: 7px;
}

/*Code to hide the checkbox and adjust position - accessibility changes*/

.checkbox-label-offset{
margin-top:-15px;
}

.hide-checkbox{
opacity:0;	
}


.star-rating {
  color: #F4C542;
}
.profileImage {
  min-width: 70px;
  width: 70px;
  padding-left: 3px;
  padding-right: 3px;
}
.profileImage img {
  max-width: 64px;
  max-height: 64px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.profileImage-sm {
	height: 48px;
}
.profileImage-sm img {
  max-width: 48px;
  max-height: 48px;
  border-radius:10%;
  vertical-align: middle;
}
td.profileImage i,
span.profileImage i {
  font-size: 270%;
}
.logoImage {
  margin-top: 2px;
  max-width: 60px;
  max-height: 60px;
}
/* Progress bar updates */
.progress,
.progress.purchaseStatus {
  margin-bottom: 10px;
  border-radius: 15px;
  height: auto;
}
td .progress {
  border-radius: 8px;
	margin:0 3px;
  height: 48px;
  word-wrap: break-word;
}
.progress .bar.bar-empty {
  background-color: #666666;
  opacity:0.65;
}
.help-question-circle {
  font-size: 14px;
}
.help-block,
.help-inline {
  color: #808080;
}
.help-inline-top-align {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: top;
  padding-left: 5px;
  color: #808080;
}
.table-striped tbody > tr > td.heatMap10 {
  background-color: #FFFFE7;
}
.table-striped tbody > tr > td.heatMap20 {
  background-color: #FFFFC1;
}
.table-striped tbody > tr > td.heatMap30 {
  background-color: #FFFFA8;
}
.table-striped tbody > tr > td.heatMap40 {
  background-color: #FFFF8F;
}
.table-striped tbody > tr > td.heatMap50 {
  background-color: #FFF875;
}
.table-striped tbody > tr > td.heatMap60 {
  background-color: #FFDF5C;
}
.table-striped tbody > tr > td.heatMap70 {
  background-color: #F4C542;
}
.text-underline {
  text-decoration: underline;
}
.pad-top-5 {
  padding-top: 5px;
}
.pad-top-10 {
  padding-top: 10px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}

.margin-top-75 {
  margin-top: 75px;
}

.margin-left-20 {
  margin-left: 20px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-left-0 {
  margin-left: 0 !important;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.media-object>i {
  font-size: 100px;
  text-align: center;
}
.media-image {
  width: 48px;
}
.profile-column {
  min-width: 50px;
}
.profile-icon-border {
  height: 46px;
  width: 48px;
  padding-top: 2px;
  display: block;
  border: 1px hidden;
}
.profile-image-border {
  height: 48px;
  width: 48px;
  /* margin-top: 0px; */
  display: block;
    object-fit: cover;
  object-position: 50% 0;
  border: 1px hidden;
	border-radius: 5px;
}

.profile-image-main {
  height: 100px;
  width: 100px;
  object-fit: cover;
  object-position: 50% 0;
  border-radius: 10px;
}

.guide-text ul>li {
  margin: 5px;
}
#timeDate div.span11,
#addSession div.span11 {
  margin-left: 0px;
}
.hideLink {
  margin-bottom: 10px;
}
.font-stack {
  font-size: 0.63em;
}
table .font-stack {
  font-size: 0.5em;
  vertical-align: top;
}
table th > i {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.overlay-lower-right {
  font-size: 170% !important;
  margin-left: 0.3em;
  margin-top: 0.5em;
  text-shadow:
    -1px -1px 0 #f9f9f9,
    1px -1px 0 #f9f9f9,
    -1px 1px 0 #f9f9f9,
    1px 1px 0 #f9f9f9;
}
.media > i {
  font-size: 300%;
}
.section-border {
  padding: .5em .25em .15em;
  border: solid 0.7em #bbb;
  border-radius: 0.1em;
}

/* purchasebuild loading sellers message */
.loading {
  position: absolute;
  z-index: 2;
  margin: 0;
  background-color: white;
  padding: 15px;
  display: block;

  border: 1px solid #cccccc;

  -moz-border-radius: 10px;
  border-radius: 10px;

  /*xopacity: 0.9;*/
  /*x-moz-opacity: 0.9; */
  /*xfilter: alpha(opacity=90);*/
}

.loading img {
  vertical-align: middle;
}
div.displayTagContainer table {
  background-color: white;
  color: black;
}
div.displayTagContainer p {
  color: black;
}
.input-phoneNumber {
  width: 55px;
}
.input-phoneNumber2 {
  width: 100px;
}
.input-einNumber1 {
	width: 30px
}
.input-einNumber2 {
	width: 140px
}
.input-ssnNumber1 {
	width: 35px
}
.input-ssnNumber2 {
	width: 30px
}
.input-ssnNumber2 {
	width: 45px
}
/*
 Jqplot donut renderer  config - Provide an overlay for the donut to
 be able to add the percentage value display in the middle of the donut
*/
.donut-width {
  min-width: 280px;
}
.donut-chart {
  width: 280px;
  height: 280px;
}
.rounded-circle {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  margin: 5px;
  text-align: center;
  font-size: 25px;
}
.analytics-table {
  font-size: 18px;
  margin-top: 75px;
}
.home-analytics .donut-width {
  min-width: 180px;
}
.home-analytics .donut-chart {
  width: 180px;
  height: 180px;
}
.home-analytics .rounded-circle {
  height: 20px;
  width: 20px;
  font-size: 20px;
}
.home-analytics .analytics-table {
  font-size: 16px;
  margin-top: 35px;
}
.jqplot-data-label {
  margin-top: -12px;
  margin-left: -16px;
  width: 53px;
  height: 50px;
  margin-left: -18px;
  font-size: 16px;
  line-height: 18px;
  vertical-align: middle;
  text-align: center;
  color: black;
  font-weight: bold;
}
.home-analytics .jqplot-data-label {
  font-size: 14px;
  line-height: 14px;
  margin-top: -5px;
  margin-left: -15px;
  width: 50px;
  height: 50px;
}
.utilisation-booked {
  background: #103087;
}
.utilisation-available {
  background: #CCC;
}
.utilisation-offered {
  background: #FFF;
}
.upload-file {
  padding-top: 5px;	
}
/* display a role leaf without a file icon - Should reallybe set up in jstree config
.jstree-classic .jstree-leaf[rel="role"]  a .jstree-icon { background-position:-72px -36px }
*/
/**************** MEDIA QUERIES ****************/
@media (min-width:1200px){

  .row{
    margin-left:-30px;
    *zoom:1;
  }
  .row:before,
  .row:after{
    display:table;
    line-height:0;
    content:"";
  }
  .row:after{
    clear:both;
  }
  [class*="span"]{
    float:left;
    min-height:1px;
    margin-left:30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container{
    width:1170px;
  }
  .span12{
    width:1170px;
  }
  .span11{
    width:1070px;
  }
  .span10{
    width:970px;
  }
  .span9{
    width:870px;
  }
  .span8{
    width:770px;
  }
  .span7{
    width:670px;
  }
  .span6{
    width:570px;
  }
  .span5{
    width:470px;
  }
  .span4{
    width:370px;
  }
  .span3{
    width:270px;
  }
  .span2{
    width:170px;
  }
  .span1{
    width:70px;
  }
  .offset12{
    margin-left:1230px;
  }
  .offset11{
    margin-left:1130px;
  }
  .offset10{
    margin-left:1030px;
  }
  .offset9{
    margin-left:930px;
  }
  .offset8{
    margin-left:830px;
  }
  .offset7{
    margin-left:730px;
  }
  .offset6{
    margin-left:630px;
  }
  .offset5{
    margin-left:530px;
  }
  .offset4{
    margin-left:430px;
  }
  .offset3{
    margin-left:330px;
  }
  .offset2{
    margin-left:230px;
  }
  .offset1{
    margin-left:130px;
  }
  .span6.offset2 {
    margin-left: 230px;
  }
  .row-fluid{
    width:100%;
    *zoom:1;
  }
  .row-fluid:before,
  .row-fluid:after{
    display:table;
    line-height:0;
    content:"";
  }
  .row-fluid:after{
    clear:both;
  }
  .row-fluid [class*="span"]{
    display:block;
    float:left;
    width:100%;
    min-height:30px;
    margin-left:2.564102564102564%;
    *margin-left:2.5109110747408616%;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
  }
  .row-fluid [class*="span"]:first-child{
    margin-left:0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"]{
    margin-left:2.564102564102564%;
  }
  .row-fluid .span12{
    width:100%;
    *width:99.94680851063829%;
  }
  .row-fluid .span11{
    width:91.45299145299145%;
    *width:91.39979996362975%;
  }
  .row-fluid .span10{
    width:82.90598290598291%;
    *width:82.8527914166212%;
  }
  .row-fluid .span9{
    width:74.35897435897436%;
    *width:74.30578286961266%;
  }
  .row-fluid .span8{
    width:65.81196581196582%;
    *width:65.75877432260411%;
  }
  .row-fluid .span7{
    width:57.26495726495726%;
    *width:57.21176577559556%;
  }
  .row-fluid .span6{
    width:48.717948717948715%;
    *width:48.664757228587014%;
  }
  .row-fluid .span5{
    width:40.17094017094017%;
    *width:40.11774868157847%;
  }
  .row-fluid .span4{
    width:31.623931623931625%;
    *width:31.570740134569924%;
  }
  .row-fluid .span3{
    width:23.076923076923077%;
    *width:23.023731587561375%;
  }
  .row-fluid .span2{
    width:14.52991452991453%;
    *width:14.476723040552828%;
  }
  .row-fluid .span1{
    width:5.982905982905983%;
    *width:5.929714493544281%;
  }
  .row-fluid .offset12{
    margin-left:105.12820512820512%;
    *margin-left:105.02182214948171%;
  }
  .row-fluid .offset12:first-child{
    margin-left:102.56410256410257%;
    *margin-left:102.45771958537915%;
  }
  .row-fluid .offset11{
    margin-left:96.58119658119658%;
    *margin-left:96.47481360247316%;
  }
  .row-fluid .offset11:first-child{
    margin-left:94.01709401709402%;
    *margin-left:93.91071103837061%;
  }
  .row-fluid .offset10{
    margin-left:88.03418803418803%;
    *margin-left:87.92780505546462%;
  }
  .row-fluid .offset10:first-child{
    margin-left:85.47008547008548%;
    *margin-left:85.36370249136206%;
  }
  .row-fluid .offset9{
    margin-left:79.48717948717949%;
    *margin-left:79.38079650845607%;
  }
  .row-fluid .offset9:first-child{
    margin-left:76.92307692307693%;
    *margin-left:76.81669394435352%;
  }
  .row-fluid .offset8{
    margin-left:70.94017094017094%;
    *margin-left:70.83378796144753%;
  }
  .row-fluid .offset8:first-child{
    margin-left:68.37606837606839%;
    *margin-left:68.26968539734497%;
  }
  .row-fluid .offset7{
    margin-left:62.393162393162385%;
    *margin-left:62.28677941443899%;
  }
  .row-fluid .offset7:first-child{
    margin-left:59.82905982905982%;
    *margin-left:59.72267685033642%;
  }
  .row-fluid .offset6{
    margin-left:53.84615384615384%;
    *margin-left:53.739770867430444%;
  }
  .row-fluid .offset6:first-child{
    margin-left:51.28205128205128%;
    *margin-left:51.175668303327875%;
  }
  .row-fluid .offset5{
    margin-left:45.299145299145295%;
    *margin-left:45.1927623204219%;
  }
  .row-fluid .offset5:first-child{
    margin-left:42.73504273504273%;
    *margin-left:42.62865975631933%;
  }
  .row-fluid .offset4{
    margin-left:36.75213675213675%;
    *margin-left:36.645753773413354%;
  }
  .row-fluid .offset4:first-child{
    margin-left:34.18803418803419%;
    *margin-left:34.081651209310785%;
  }
  .row-fluid .offset3{
    margin-left:28.205128205128204%;
    *margin-left:28.0987452264048%;
  }
  .row-fluid .offset3:first-child{
    margin-left:25.641025641025642%;
    *margin-left:25.53464266230224%;
  }
  .row-fluid .offset2{
    margin-left:19.65811965811966%;
    *margin-left:19.551736679396257%;
  }
  .row-fluid .offset2:first-child{
    margin-left:17.094017094017094%;
    *margin-left:16.98763411529369%;
  }
  .row-fluid .offset1{
    margin-left:11.11111111111111%;
    *margin-left:11.004728132387708%;
  }
  .row-fluid .offset1:first-child{
    margin-left:8.547008547008547%;
    *margin-left:8.440625568285142%;
  }
  input,
  textarea,
  .uneditable-input{
    margin-left:0;
  }
  .controls-row [class*="span"] + [class*="span"]{
    margin-left:30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12{
    width:1156px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11{
    width:1056px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10{
    width:956px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9{
    width:856px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8{
    width:756px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7{
    width:656px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6{
    width:556px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5{
    width:456px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4{
    width:356px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3{
    width:256px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2{
    width:156px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1{
    width:56px;
  }
  .thumbnails{
    margin-left:-30px;
  }
  .thumbnails > li{
    margin-left:30px;
  }
  .row-fluid .thumbnails{
    margin-left:0;
  }
}
@media (min-width:1024px) and (max-width:1100px){
}
@media (min-width:980px){
	.nav-collapse.collapse{
		height:auto !important;
		overflow:visible !important;
	}
}
@media (max-width:979px){
  body{
    padding-top:0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom{
    position:static;
  }
  .navbar-fixed-top{
    margin-bottom:0;
  }
  .navbar-fixed-bottom{
    margin-top:0;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner{
    padding:0;
  }
  .navbar .container{
    width:auto;
    padding:0;
  }
  .navbar .brand{
    padding-right:10px;
    padding-left:10px;
    margin:0 0 0 -5px;
  }
  .nav-collapse{
    clear:both;
  }
  .nav-collapse .nav{
    float:none;
    margin:0 0 10px;
  }
  .nav-collapse .nav > li{
    float:none;
  }
  .nav-collapse .nav > li > a{
    margin-bottom:2px;
  }
  .nav-collapse .nav > .divider-vertical{
    display:none;
  }
  .nav-collapse .nav .nav-header{
    color:#777777;
    text-shadow:none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a{
    padding:9px 15px;
    font-weight:bold;
    color:#777777;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
  }
  .nav-collapse .btn{
    padding:4px 10px 4px;
    font-weight:normal;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
  }
  .nav-collapse .dropdown-menu li + li a{
    margin-bottom:2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus{
    background-color:#f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a{
    color:#999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus{
    background-color:#111111;
  }
  .nav-collapse.in .btn-group{
    padding:0;
    margin-top:5px;
  }
  .nav-collapse .dropdown-menu{
    position:static;
    top:auto;
    left:auto;
    display:none;
    float:none;
    max-width:none;
    padding:0;
    margin:0 15px;
    background-color:transparent;
    border:none;
    -webkit-border-radius:0;
       -moz-border-radius:0;
            border-radius:0;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
  }
  .nav-collapse .open > .dropdown-menu{
    display:block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after{
    display:none;
  }
  .nav-collapse .dropdown-menu .divider{
    display:none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after{
    display:none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search{
    float:none;
    padding:10px 15px;
    margin:10px 0;
    border-top:1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2;
    -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search{
    border-top-color:#111111;
    border-bottom-color:#111111;
  }
  .navbar .nav-collapse .nav.pull-right{
    float:none;
    margin-left:0;
  }
  .nav-collapse,
  .nav-collapse.collapse{
    height:0;
    overflow:hidden;
  }
  .navbar .btn-navbar{
    display:block;
  }
  .navbar-static .navbar-inner{
    padding-right:10px;
    padding-left:10px;
  }
  .table-overview {
    font-size: 14px;
  }
  .summary-text {
  font-size: 100%;
  }
}

@media (min-width:768px) and (max-width:979px){
  .row{
    margin-left:-20px;
    *zoom:1;
  }
  .row:before,
  .row:after{
    display:table;
    line-height:0;
    content:"";
  }
  .row:after{
    clear:both;
  }
  .accordion-inner, .widget-content{
      overflow: auto;
     -webkit-overflow-scrolling: touch;
   }
   .timegrid-overflow{
      overflow: auto;
   }
  [class*="span"]{
    float:left;
    min-height:1px;
    margin-left:20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container{
    width:724px;
  }
  .span12{
    width:724px;
  }
  .span11{
    width:662px;
  }
  .span10{
    width:600px;
  }
  .span9{
    width:538px;
  }
  .span8{
    width:476px;
  }
  .span7{
    width:414px;
  }
  .span6{
    width:352px;
  }
  .span5{
    width:290px;
  }
  .span4{
    width:228px;
  }
  .span3{
    width:166px;
  }
  .span2{
    width:104px;
  }
  .span1{
    width:42px;
  }
  .offset12{
    margin-left:764px;
  }
  .offset11{
    margin-left:702px;
  }
  .offset10{
    margin-left:640px;
  }
  .offset9{
    margin-left:578px;
  }
  .offset8{
    margin-left:516px;
  }
  .offset7{
    margin-left:454px;
  }
  .offset6{
    margin-left:392px;
  }
  .offset5{
    margin-left:330px;
  }
  .offset4{
    margin-left:268px;
  }
  .offset3{
    margin-left:206px;
  }
  .offset2{
    margin-left:144px;
  }
  .offset1{
    margin-left:82px;
  }
  .row-fluid{
    width:100%;
    *zoom:1;
  }
  .row-fluid:before,
  .row-fluid:after{
    display:table;
    line-height:0;
    content:"";
  }
  .row-fluid:after{
    clear:both;
  }
  .row-fluid [class*="span"]{
    display:block;
    float:left;
    width:100%;
    min-height:30px;
    margin-left:2.7624309392265194%;
    *margin-left:2.709239449864817%;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
  }
  .row-fluid [class*="span"]:first-child{
    margin-left:0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"]{
    margin-left:2.7624309392265194%;
  }
  .row-fluid .span12{
    width:100%;
    *width:99.94680851063829%;
  }
  .row-fluid .span11{
    width:91.43646408839778%;
    *width:91.38327259903608%;
  }
  .row-fluid .span10{
    width:82.87292817679558%;
    *width:82.81973668743387%;
  }
  .row-fluid .span9{
    width:74.30939226519337%;
    *width:74.25620077583166%;
  }
  .row-fluid .span8{
    width:65.74585635359117%;
    *width:65.69266486422946%;
  }
  .row-fluid .span7{
    width:57.18232044198895%;
    *width:57.12912895262725%;
  }
  .row-fluid .span6{
    width:48.61878453038674%;
    *width:48.56559304102504%;
  }
  .row-fluid .span5{
    width:40.05524861878453%;
    *width:40.00205712942283%;
  }
  .row-fluid .span4{
    width:31.491712707182323%;
    *width:31.43852121782062%;
  }
  .row-fluid .span3{
    width:22.92817679558011%;
    *width:22.87498530621841%;
  }
  .row-fluid .span2{
    width:14.3646408839779%;
    *width:14.311449394616199%;
  }
  .row-fluid .span1{
    width:5.801104972375691%;
    *width:5.747913483013988%;
  }
  .row-fluid .offset12{
    margin-left:105.52486187845304%;
    *margin-left:105.41847889972962%;
  }
  .row-fluid .offset12:first-child{
    margin-left:102.76243093922652%;
    *margin-left:102.6560479605031%;
  }
  .row-fluid .offset11{
    margin-left:96.96132596685082%;
    *margin-left:96.8549429881274%;
  }
  .row-fluid .offset11:first-child{
    margin-left:94.1988950276243%;
    *margin-left:94.09251204890089%;
  }
  .row-fluid .offset10{
    margin-left:88.39779005524862%;
    *margin-left:88.2914070765252%;
  }
  .row-fluid .offset10:first-child{
    margin-left:85.6353591160221%;
    *margin-left:85.52897613729868%;
  }
  .row-fluid .offset9{
    margin-left:79.8342541436464%;
    *margin-left:79.72787116492299%;
  }
  .row-fluid .offset9:first-child{
    margin-left:77.07182320441989%;
    *margin-left:76.96544022569647%;
  }
  .row-fluid .offset8{
    margin-left:71.2707182320442%;
    *margin-left:71.16433525332079%;
  }
  .row-fluid .offset8:first-child{
    margin-left:68.50828729281768%;
    *margin-left:68.40190431409427%;
  }
  .row-fluid .offset7{
    margin-left:62.70718232044199%;
    *margin-left:62.600799341718584%;
  }
  .row-fluid .offset7:first-child{
    margin-left:59.94475138121547%;
    *margin-left:59.838368402492065%;
  }
  .row-fluid .offset6{
    margin-left:54.14364640883978%;
    *margin-left:54.037263430116376%;
  }
  .row-fluid .offset6:first-child{
    margin-left:51.38121546961326%;
    *margin-left:51.27483249088986%;
  }
  .row-fluid .offset5{
    margin-left:45.58011049723757%;
    *margin-left:45.47372751851417%;
  }
  .row-fluid .offset5:first-child{
    margin-left:42.81767955801105%;
    *margin-left:42.71129657928765%;
  }
  .row-fluid .offset4{
    margin-left:37.01657458563536%;
    *margin-left:36.91019160691196%;
  }
  .row-fluid .offset4:first-child{
    margin-left:34.25414364640884%;
    *margin-left:34.14776066768544%;
  }
  .row-fluid .offset3{
    margin-left:28.45303867403315%;
    *margin-left:28.346655695309746%;
  }
  .row-fluid .offset3:first-child{
    margin-left:25.69060773480663%;
    *margin-left:25.584224756083227%;
  }
  .row-fluid .offset2{
    margin-left:19.88950276243094%;
    *margin-left:19.783119783707537%;
  }
  .row-fluid .offset2:first-child{
    margin-left:17.12707182320442%;
    *margin-left:17.02068884448102%;
  }
  .row-fluid .offset1{
    margin-left:11.32596685082873%;
    *margin-left:11.219583872105325%;
  }
  .row-fluid .offset1:first-child{
    margin-left:8.56353591160221%;
    *margin-left:8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input{
    margin-left:0;
  }
  .controls-row [class*="span"] + [class*="span"]{
    margin-left:20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12{
    width:710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11{
    width:648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10{
    width:586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9{
    width:524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8{
    width:462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7{
    width:400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6{
    width:338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5{
    width:276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4{
    width:214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3{
    width:152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2{
    width:90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1{
    width:28px;
  }

	.navbar{
		margin:2px;
		background-color:#a09a9a;
		border:1px solid #ccc;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	.navbar	a.brand{
		color:#fff;
		text-transform:uppercase;
	}
	.navbar .nav-collapse{
		background-color:#fff;
	}
	.navbar .nav > li:focus > a, .navbar .nav > li:hover  > a, .navbar .nav > li.active:hover > a{
		color:#fff;
		background-color:#000;
		margin-bottom:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		text-shadow:0 0 0;
	}
	.nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus{
		background-color: transparent;
	}
	.dropdown .dropdown-menu .nav-header{
		padding:0;
	}
	.nav-header{
		display:block;
	}
	.nav li + .nav-header{
		margin-top:0;
	}
	.nav > li{
		border:1px solid #eaeaea;
	}
	.dropdown-menu{
	}
	.dropdown-menu li > a{
		display:block;
		padding-right:20px;
		margin:0;
		border-radius:5px;
		clear:both;
		font-weight:normal;
		line-height:20px;
		color:#000;
		white-space:nowrap;
		text-transform:capitalize;
	}
	.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a{
		text-decoration:none;
		background-color: transparent;
	}
}

@media (max-width:767px){
  body{
	padding:0;
  }
  .accordion-inner, .widget-content{
    overflow: scroll;
   -webkit-overflow-scrolling: touch;
  }
  .timegrid-overflow{
    overflow: scroll;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top{
    margin:0;
  }
  .container-fluid{
    padding:0;
  }
  .dl-horizontal dt{
    float:none;
    width:auto;
    clear:none;
    text-align:left;
  }
  .dl-horizontal dd{
    margin-left:0;
  }
  .container{
    width:auto;
  }
  .row-fluid{
    width:100%;
    padding:0;
    margin:0;
  }
  .row,
  .thumbnails{
    margin-left:0;
  }
  .thumbnails > li{
    float:none;
    margin-left:0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"]{
    display:block;
    float:none;
    width:100%;
    margin-left:0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
  }
  .span12,
  .row-fluid .span12{
    width:100%;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
  }
  .row-fluid [class*="offset"]:first-child{
    margin-left:0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input{
    display:block;
    width:100%;
    min-height:30px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"]{
    display:inline-block;
    width:auto;
  }
  .controls-row [class*="span"] + [class*="span"]{
    margin-left:0;
  }
  .modal{
    position:fixed;
    top:20px;
    right:20px;
    left:20px;
    width:auto;
    margin:0;
  }
  .modal.fade{
    top:-100px;
  }
  .modal.fade.in{
    top:20px;
  }
	#footer .text-left, #footer .text-center, #footer .text-right{
		text-align:center;
	}
	.navbar{
		margin:2px;
		background-color:#a09a9a;
		border:1px solid #ccc;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	.navbar	a.brand{
		color:#fff;
		text-transform:uppercase;
	}
	.navbar .nav-collapse{
		background-color:#fff;
	}

	.navbar .nav > li:focus > a, .navbar .nav > li:hover  > a, .navbar .nav > li.active:hover  > a{
		color:#fff;
		background-color:#000;
		margin-bottom:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		text-shadow:0 0 0;
	}
	.nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus{
		background-color: transparent;
	}
	.dropdown .dropdown-menu .nav-header{
		padding:0;
	}
	.nav-header{
		display:block;
	}
	.nav li + .nav-header{
		margin-top:0;
	}
	.nav > li{
		border:1px solid #eaeaea;
	}
	.nav > li:last-child{
		border:0;
		margin-bottom:-4px;
	}
	.dropdown-menu{
	}
	.dropdown-menu li > a{
		display:block;
		padding-right:20px;
		margin:0;
		border-radius:5px;
		clear:both;
		font-weight:normal;
		line-height:20px;
		color:#000;
		white-space:nowrap;
		text-transform:capitalize;
	}
	.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a{
		text-decoration:none;
		background-color:inherit;
	}
	.progress {
		overflow: auto;
		white-space: normal;
		height: auto;
	}
}

@media (max-width:480px){
	body{
		padding:0;
	}
	#header, #footer{
		padding:10px 0;
	}
	#main{
		padding:10px;
	}

  .accordion-inner, .widget-content {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .timegrid-overflow{
    overflow: scroll;
  }

.nav-collapse{
  -webkit-transform:translate3d(0, 0, 0);
	}
  .page-header h1 small{
    display:block;
    line-height:20px;
  }
  input[type="checkbox"],
  input[type="radio"]{
    border:1px solid #ccc;
  }
  .form-horizontal .control-label{
    float:none;
    width:auto;
    padding-top:0;
    text-align:left;
  }
  .form-horizontal .controls{
    margin-left:0;
  }
  .form-horizontal .control-list{
    padding-top:0;
  }
  .form-horizontal .form-actions{
    padding-right:10px;
    padding-left:10px;
  }
  .media .pull-left,
  .media .pull-right{
    display:block;
    float:none;
    margin-bottom:10px;
  }
  .media-object{
    margin-right:0;
    margin-left:0;
  }
  .modal{
    top:10px;
    right:10px;
    left:10px;
  }
  .modal-header .close{
    padding:10px;
    margin:-10px;
  }
  .carousel-caption{
    position:static;
  }
	.navbar{
	margin:10px 0 0 0;
		background-color:#a09a9a;
		border:1px solid #ccc;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	.navbar	a.brand{
		color:#fff;
		text-transform:uppercase;
	}
	.navbar .nav-collapse{
		background-color:#fff;
	}


  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a{
    padding:9px 0;
    font-weight:normal;
    color:#333;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
  }

  .nav-collapse .dropdown-menu a{
    padding:0 15px;
	}
	.nav-collapse .btn{
    padding:4px 10px 4px;
    font-weight:normal;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
  }
  .nav-collapse .dropdown-menu li + li a{
    margin-bottom:2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus{
    background:#f2f2f2;
}
.navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a{
    color:#999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus{
    background-color: transparent;
/*    background-color:#111;*/
}
  .nav-collapse.in .btn-group{
    padding:0;
    margin-top:5px;
  }
  .nav-collapse .dropdown-menu{
    position:static;
    top:auto;
    left:auto;
    display:none;
    float:none;
    max-width:none;
    padding:0;
    margin:0 15px;
    background-color:transparent;
    border:none;
    -webkit-border-radius:0;
       -moz-border-radius:0;
            border-radius:0;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
  }




	.navbar .nav > li:focus > a, .navbar .nav > li:hover  > a, .navbar .nav > li.active:hover  > a{
		color:#fff;
		background-color:#000;
		margin-bottom:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		text-shadow:0 0 0;
	}
	.nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus{
		background-color: transparent;
	}
	.dropdown .dropdown-menu .nav-header{
		padding:0;
	}
	.nav-header{
		display:block;
	}
	.nav li + .nav-header{
		margin-top:0;
	}
	.nav > li{
		border:1px solid #eaeaea;
	}
	.nav > li:last-child{
		border:0;
		margin-bottom:-4px;
	}
	.dropdown-menu{
	}
	.dropdown-menu li > a{
		display:block;
		padding-right:20px;
		margin:0;
		border-radius:5px;
		clear:both;
		font-weight:normal;
		line-height:20px;
		color:#333;
		white-space:nowrap;
		text-transform:capitalize;
	}
	.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a{
		text-decoration:none;
		background-color:inherit;
	}


.tooltipNew {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltipNew .tooltiptextNew {
    visibility: hidden;
    text-align: left;
    border-radius: 3px;
    padding: 3px 0;

    /* Position the tooltip */
    z-index: 1;
    width: auto;
}

.tooltipNew:hover .tooltiptextNew {
    visibility: visible;
}

}
/** Don't print href data */
@media print {
  a[href]:after {
    content: none !important;
  }
}

/*Seller Analytics CSS*/
@media only screen and (max-width: 1111px) {
  .analytics-table{
    margin-top:10px;
  }
}


/******************************************************************/