BODY
{
	padding-top: 70px;
	background-color: #F9F9F9;
	/*background-image: url(../img/bg13.jpg);*/
	background-attachment: fixed;
}

TABLE.table
{
	background-color: #FFFFFF;
}

.tab-content
{
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-top: 0;
	padding: 10px;
}

UL.nav-tabs > LI.active > A
{
	opacity: 1;
}

UL.nav-tabs > LI > A
{
	background-color: #FFFFFF;
	opacity: 0.7;
	border: 1px solid #DDDDDD;
}

UL.nav-tabs > LI > A:HOVER
{
	opacity: 1;
}

DIV.scroll-box
{
	background-color: #FFFFFF;
}

A.navbar-brand IMG
{
	height: 30px;
	margin-top: -10px;
}

#uacPrompt
{
	z-index: 10000;
}

.big {
  font-size: 20px;
}

.bigger
{
	font-size: 25px;
}

.very-big {
  font-size: 30px;
}

.error-message
{
	color: #a94442;
	font-weight: bold;
}

.form-error
{
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.spacer
{
	margin: 0;
	padding: 0;
	height: 10px;
}

.tiny
{
	font-size: 7pt;
}


DIV.scroll-box
{
	border-color: rgb(177, 196, 212);
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-right-style: solid;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset, rgba(102, 178, 235, 0.156863) 0px 0px 2px 0px;
 	box-sizing: border-box;
	
	overflow-y: scroll;
	height: 100px;
	

}

.plain-text
{
	font-family: monospace;
}

DIV.note
{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DDDDDD;
}


DIV.freeze-left-col
{
	border: 1px solid #DDDDDD;
}

DIV.freeze-left-col TABLE
{
	border: 0;
	border-bottom: 1px solid #DDDDDD;
	overflow-x: scroll;
	margin-bottom: 0px;
}

DIV.freeze-left-col TABLE>thead:first-child>tr:first-child>th:first-child
{
    position: absolute;
/*     display: inline-block; */
/*     background-color:red; */
background-color: #FFFFFF;
/*     height:100%; */
    width: 80px;
     z-index: 10;
}

DIV.freeze-left-col TABLE> tbody > tr > td:first-child
{
    position: absolute;
/*     display: inline-block; */
/*     background-color:red; */
background-color: #F9F9F9;
/*     height:100%; */
    width: 80px;
     z-index: 10;
}

DIV.freeze-left-col TABLE>thead:first-child>tr:first-child>th:nth-child(2)
{
    padding-left:83px;
}

DIV.freeze-left-col TABLE> tbody > tr > td:nth-child(2)
{
    padding-left:83px !important;

}

DIV.freeze-left-col::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
DIV.freeze-left-col::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.navbar-default
{
	background-color: #FFFFFF;
}

.navbar .divider-vertical {
    height: 50px;
    margin: 0 9px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
    border-right-color: #222222;
    border-left-color: #111111;
}

@media (max-width: 767px) {
    .navbar-collapse .nav > .divider-vertical {
        display: none;
     }
}

DIV.icons INPUT + LABEL
{
	cursor: pointer;
	padding: 2px;
	border-radius: 2px;
/* 	border: 1px solid transparent; */
}

DIV.icons INPUT:checked + LABEL
{
    background-color: #337ab7;
    color: #FFFFFF;
/*     border: 1px solid transparent; */
}

TEXTAREA.code
{
	font-family: monospace;
	color: #000000;
}

TFOOT .total
{
	font-weight: bold;
	background-color: #eff5ff;
}

TFOOT .average
{
	font-style: italic;
	background-color: #EEEEEE;
}

/* prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page) */
/*
.btn-group {
    white-space: nowrap;
    > .btn {
        float: inherit;
    }
    > .btn + .btn {
        margin-left: -4px;
    }
}
*/
/*
.btn-group {
  white-space: nowrap;
  .btn {
    float: none;
    display: inline-block;
  }
}
*/

.no-border
{
	border: 0;
}

.freeze-header-left TABLE
{
	margin-bottom: 0;
}

/*.current-day
{
	background-color: #8f8fca;
	color: #FFFFFF;
}*/

TABLE.table A:not(.btn)
{
	color: #003e75;
}

TABLE.table A:HOVER:not(.btn)
{
	color: #000000;
}

.unlimited-overbooking-hide
{
	display: none;
}

.modal-body:not(.allow-full-height) {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

/* Puts padding around bootstrap grid cells */
.box
{
  /*background: #ccc;
  border: 1px solid;*/
  margin: 0 10px 10px 0;
}

/* Stops bootstrap rows escaping the bounds of a containing tab page */
.tab-content .row
{
	margin-left: auto;
	margin-right: auto;
}

/*
.freeze-header-left
{
	max-height: calc(100vh - 200px);
}
*/

INPUT.required-appointments:FOCUS
{
	background-color: #FFAA00 !important;
}

INPUT.required-appointments.dirty
{
	background-color: #FF6060 !important;
}

.full-screen
{
	width: calc(100vw);
	height: calc(100vh);
}

TABLE.requested-issued.full-screen THEAD TH
{
	font-size: large;
	line-height: 1em;
}

TABLE.requested-issued.full-screen TH.zone-name
{
	font-size: large;
	line-height: 1em;
}

TABLE.requested-issued.full-screen TD.manager
{
	font-size: large;
	line-height: 1em;
}

TABLE.requested-issued.full-screen TD.post-codes
{
	font-size: large;
	line-height: 1em;
}

TABLE.requested-issued.full-screen TD.available
{
	font-size: large;
	font-weight: bold;
	line-height: 1.1em;
}

.readable-text .popover
{
	color: #000000;
}

.readable-text A
{
	color: inherit;
}

.form-horizontal .panel-body .form-group
{
    margin-right: 25px;
    margin-left: 25px;
}

.bootstrap-datetimepicker-widget
{
	z-index: 2000;
}

/* Fix to make button dropdown menu work on Webkit on iOS */
.dropdown-menu
{
  z-index: 25000 !important;
}

.dropdown-menu A[disabled]
{
/* 	pointer-events: none; */
	cursor: not-allowed;
	color: #888888 !important;
}

.dropdown-menu A.finalised-appointment,
.dropdown-menu A.finalised-appointment:HOVER
{
	color: #FF0000 !important;
}

/* Make dropdown-menu visible inside small table-responsive */
/* They currently mess up the booking form :( */
/*@media (max-width: 767px) {
    .table-responsive .dropdown-menu {
        position: static !important;
    }
}
@media (min-width: 768px) {
    .table-responsive {
        overflow: visible;
    }
}*/

/* Stop jQueryUI dialogs from displaying their contents before the page is fully loaded */
.dialog
{
	display: none;
}

/* Make jQueryUI dialogs float on top of everything else */
.ui-dialog
{
	z-index: 2000;
}


/*TR.status-changes-wrapper.in > TD
{
	border-left: 2px solid #AAAAFF;
	border-right: 2px solid #AAAAFF;
	border-bottom: 2px solid #AAAAFF;
}

TR.status-changes-wrapper.in ~TR > TD
{
	border-left: 2px solid #AAAAFF;
	border-right: 2px solid #AAAAFF;
	border-top: 2px solid #AAAAFF;
}*/

.btn-nasty, .btn-nasty:FOCUS
{
	color: #FFFFFF;
    background-color: #000000;
    border-color: #000000;
    
    background-image: linear-gradient(
    					45deg,
    					rgba(255,255,0,.4) 25%,
    					transparent 25%,
    					transparent 50%,
    					rgba(255,255,0,.4) 50%,
    					rgba(255,255,0,.4) 75%,
    					transparent 75%,
    					transparent
    				);
}

.btn-nasty:HOVER
{
	color: #FFFFFF;
    background-color: #000000;
    border-color: #000000;
    
    background-image: linear-gradient(
	    					45deg,
							rgba(255,255,0,.7) 25%,
							transparent 25%,
							transparent 50%,
							rgba(255,255,0,.7) 50%,
							rgba(255,255,0,.7) 75%,
							transparent 75%,
							transparent
						);
}

.panel-default .panel-heading
{
	background-color: #F0F0F0;
}

.panel-orange {
	border-color: #e86915;
}
.panel-orange > .panel-heading {
	border-color: #e86915;
	color: white;
	background-color: #e86915;
}
.panel-orange > a {
	color: #e86915;
}
.panel-orange > a:hover {
	color: #e86915;
}

.bg-inherit {
	background-color: inherit !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #F5F5F5;
}

.table-hover > tbody > tr:hover {
	background-color: #E8E8E8;
}

DIV.login-tagline
{
	text-align: center;
	margin-bottom: 20px;
}