body {
	background-color: #E3E3E3;
	background: url(../images/bg.png)repeat;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75.0%;
	color: #333333;
	line-height: 2em;
}

/* ------------------------------------------ */
	
div.box {
    background-color: #FFFFFF;
    border: 1px solid #7F7F7F;
    margin: 3px;
    padding: 7px;
}

.guide {top:-40px;height:0px;position:relative; left:5px;float:right;z-index:999999998;padding-right:12px;border:0px solid red;}

/* ------------------------------------------ */
.error,
.notice,
.success    { 
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	background-color: #FCF8E3;
	border: 1px solid #FBEED5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #C09853;
}

.error      { 
	background-color: #F2DEDE;
	border-color: #EED3D7;
	color: #B94A48; 
}
.notice     { 
	background-color: #D9EDF7;
	border-color: #BCE8F1;
	color: #3A87AD; 
}
.success    { 
	background-color: #DFF0D8;
	border-color: #D6E9C6;
	color: #468847;
}
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.field-error, .error, .notice, .success {
	line-height: 1.5em;
}
 
/* CHART */
.col-lg-4 {
   /* width: 33.3333%;*/
	/*float: left;*/
	min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.media > .pull-right {
    margin-left: 10px;
}

.media-small {
    min-width: 80px;
}
.pull-right {
    float: right;
}
.pull-right {
    float: right !important;
}

.bg-light {
    background: #e1e5e9 none repeat scroll 0 0;
    color: #414549;
}

.progress {
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.btn-primary, .bg-primary, .btn-primary.btn-circle > i {
    background-color: #13c4a5;
    color: #fff;
}
.btn-success, .bg-success, .btn-success.btn-circle > i {
    background-color: #3fcf7f;
    color: #fff;
}
.btn-info, .bg-info, .btn-info.btn-circle > i {
    background-color: #5191d1;
    color: #fff;
}
.btn-warning, .bg-warning, .btn-warning.btn-circle > i {
    background-color: #f4c414;
    color: #fff;
}
.btn-danger, .bg-danger, .btn-danger.btn-circle > i {
    background-color: #ff5f5f;
    color: #fff;
}
.bg-default {
    background: #bac3cc none repeat scroll 0 0;
}
.progress-bar {
    /*background-color: #428bca;*/
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}

.btn-group, .btn-group-vertical {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.btn-group > .btn, .btn-group-vertical > .btn {
    float: left;
    position: relative;
	margin-bottom:10px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
	border-radius: 0;
}

.btn:active, .btn.active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}

.btn-white {
    background-color: #fff;
    border-color: #c3c6c9;
    border-width: 1px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
    color: #657483;
    padding: 6px 12px;
	-moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active {
    background-color: #f7f8f9;
    border-color: #c3c6c9;
    color: #657483;
}

.btn-white.btn-sm, .btn-default.btn-sm {
    padding: 5px 10px;
}

.btn-group-sm > .btn {
    font-size: 12px;
    line-height: 1.5;
}

/* END CHART CSS */

a {
	font-weight: bold;
	color: #000000;
}
td.label {
	font-weight: bold;
	width: 120px;
}
.label{
	font-weight: bold;
}
.blue-bullet {
	background: url(../images/icons/bullet_blue.png) no-repeat;
	padding-left: 20px;
}
.green-bullet {
	background: url(../images/icons/bullet_green.png) no-repeat;
	padding-left: 20px;
}
.red-bullet {
	background: url(../images/icons/bullet_red.png) no-repeat;
	padding-left: 20px;
}
.purple-bullet {
	background: url(../images/icons/bullet_purple.png) no-repeat;
	padding-left: 20px;
}
.orange-bullet {
	background: url(../images/icons/bullet_orange.png) no-repeat;
	padding-left: 20px;
}
.yellow-bullet {
	background: url(../images/icons/icon_yellow.png) no-repeat;
	padding-left: 20px;
}
.star-bullet {
	background: url(../images/icons/star.png) no-repeat;
	padding-left: 20px;
}
.no-bullet {
	padding-left: 20px;
}

.date {
	color: #DD2AB5;
	font-weight: bold;
}

hr {
	height: 4px;
}
	hr.dark_grey {
		background-color: #2db8fb;
		color: #9A9A9A;
	}
	hr.hr_section {
		background-color: #9A9A9A;
		color: #9A9A9A;
		padding: 0px;
	}
	.iconwrap {margin:0 auto; padding-top:10px;}
.icon {float:left; width:100px;height:100px;padding:10px; border:0px solid red;display:block;position:relative;}
.boxframe {border:1px solid #999;border-radius:4px;margin-bottom:30px;background:#f8f8f8;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46);}
h1 {
    font-size: 1.167em;
    font-weight: bold;
    margin-bottom: 1px;
}
	.boxframe h1.title {
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
		text-transform: uppercase;
		padding:5px;
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		background:#0a4471;
		color:#fff;
		text-transform: capitalize;
		
	}
		.boxframe h1.title a {
			font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
		text-transform: uppercase;
		padding:5px;
		font-size: 14px;
		background:#0a4471;
		color:#fff;
		text-transform: capitalize;
		}
			.boxframe h1.title a:hover{
			font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
		text-transform: uppercase;
		padding:5px;
		font-size: 14px;
		background:#0a4471;
		color:#fff;
		text-transform: capitalize;
		}
		
	h1.title {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1.273em;
		color: #003a56;
		font-style: italic;
		font-weight: normal;
		margin-bottom: 2px;
	}
		h1.title a {
			color: #003a56;
			font-weight: normal;
		}
	
	h1.section {
		background-color: #666666;
		color: #FFFFFF;
		padding: 10px;
	}
h4.title {
	color: #A154A0;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
	
.prepend-top {
    margin-top: 10px;
}

.xmessage {
	margin: 0 auto; 
	text-align:center; 
	padding: 150px 0 150px 0;
}

.paginator {
    font-size: 0.917em;
}
	.paginator span.padded {
		/* this brings error in chrome!! */
		/* margin-right: 7px; */
	}
		.paginator span.pager {
			margin-left: 0;
		}
			.paginator span.pager ul {
				display: inline;
			}
				.paginator span.pager ul li{
					display: inline;
					margin-left: 1px;
					border: 1px solid #D7D7D7;
					padding: 3px 4px 3px 4px;
				}
				.paginator span.pager ul li.current{
					background-color: #F2F2F2;
				}
				.paginator span.pager ul li.borderless{
					border: none;
					padding:2px;
					margin: 0px;
				}
			.paginator span.pager a, .paginator span.pager a:link {
				font-weight: normal;
				text-decoration: none;
			}
			.paginator span.pager a:hover {
				font-weight: bold;
				text-decoration: underline;
			}
			
table.no-bottom-margin {
	margin-bottom: 0px;
}
/*table {
	margin-top:-15px;}*/	
table.listing {
    border-collapse: collapse;
    margin-bottom: 10px;
	
}
	table.listing th {
			margin-top:15px;
		background-color: #dfdfdf;
		border: 1px solid #FFFFFF;
		color: #000;
		padding-right:2px;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
	}
	
	table.listing th a{
		color: #000;
	}
	
	table.listing td {
		border-bottom: 1px solid #E1E1E1;
		padding: 5px;
		vertical-align: top;
	}
	table.listing tr.highlight {
		background-color: #e6f8fb;
	}

select.xs, input.xs, .select2-container.xs{
    width: 40px;
}
select.s, input.s, .select2-container.s {
    width: 80px;
}
select.m, input.m, .select2-container.m {
    width: 120px;
}
textarea, select.l, input.l, .select2-container.l {
    width: 220px;
}
textarea.xl, select.xl, input.xl, .select2-container.xl {
    width: 95%;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 5px;
}

form .two-columns {
	width: 49%;
}
.left {float: left;}
.right {float: right;}

.number {
	text-align: right;
}


/* ------------------------------------------ */
.ui-widget{
	font-size: 1em;
}
.ui-tabs {
    padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
	.ui-tabs.ui-corner-all, .ui-tabs .ui-corner-all {
		-moz-border-radius: 0 0 0 0;
	}
	.ui-tabs.ui-widget-content {
		border: medium none;
	}
	.ui-tabs .ui-tabs-nav {
		padding: 0 5px;
	}
	.ui-tabs .ui-widget-header {
		background: none repeat scroll 0 0 transparent;
		border-color: -moz-use-text-color -moz-use-text-color #AAAAAA;
		border-style: none none solid;
		border-width: medium medium 1px;
	}
	.ui-tabs .ui-corner-all
	{
		moz-border-radius-bottomright: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-khtml-border-bottom-right-radius: 0px;
		border-bottom-right-radius: 0px;
		
		moz-border-radius-bottomleft: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-khtml-border-bottom-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.ui-tabs .ui-corner-top {
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
	}
	.ui-tabs .ui-tabs-nav li {
		
	}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	}
	.ui-tabs li a {
		outline: 0 none;
		padding: 6px 24px 6px 24px !important;
	}
	.ui-tabs li.ui-state-default {
		background: none repeat scroll 0 0 #DDDDDD;
	}
	.ui-tabs li.ui-state-active {
		background-color: #FFFFFF;
	}
	.ui-tabs .ui-tabs-panel {
		display: none;
		padding: 0px;
	}

		.ui-tabs-nav a
			{
				color: #333333 !important;
			}
			.ui-tabs-nav .ui-tabs-selected, 
			.ui-tabs-nav .ui-state-hover
			{
				border-color: #AAAAAA !important;
			}
	
.xtab-container.ui-corner-bottom {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
}
	.xtab-container.ui-widget-content {
		border: medium none;
	}

/* ------------------------------------------ */
ul.attachment
{
	margin-left: 20px;
	padding-left: 10px;
	list-style-image: url(../images/icons/attach.png);
}
ul.attachment li {
}

/* jquery autocomplete ------------------------------------------ */
.ui-autocomplete {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden; /* prevent horizontal scrollbar */
	padding-right: 20px; /* add padding to account for vertical scrollbar */
}
li.ui-menu-item {		
	border-bottom: 1px solid #cccccc;
}
li.ui-menu-item a {
	font-weight: normal;
	padding: 10px 5px 10px 5px !important;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 150px;
}

.ui-icon-empty {
	background: none;
}

/* jquery dialogs --------------------------------------- */
.ui-dialog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.ui-button-text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}

/* */
.calendar tr.week_row{
	background: #646464;
	color: #ffffff;
}
	.calendar tr.week_row td {
		font-weight: bold;
	}

	.calendar td.cal_cell {
		background: #ffffff;
		height: 120px;
		vertical-align: top;
		border: 1px solid #F3F3F3;
		width: 14%;
	}
	
	.calendar div.today {
		background: #E6EDF7;
	}
	
	.calendar div.other_month {
		background: #F0F0F0;
	}
	
/* BIG CALENDAR */
	.bigvcalendar tr.week_row{
		background: #646464;
		color: #ffffff;
		height:30px;
	}
	.bigvcalendar th {
		font-size:18px;
		padding-bottom:10px;
	}
	
	.bigvcalendar tr.week_row td {
		font-weight: bold;
		text-align: center;
	}

	.bigvcalendar td.cal_cell {
		background-color: #FFF;
		height: 50px;
		vertical-align: top;
		border: 1px solid #ddd;
		width: 10%;
		text-align: right;
	}
	
	.bigvcalendar td.today {
		background: #E6EDF7;
	}
	
	.bigvcalendar td div.today {
		background-color: #E6EDF7;
	}
	
	.bigvcalendar td div.event {
		background-color: #2ECCFA;
		color:#FFF;
		text-align:left;
		border-radius:3px;
		font-size:12px;
		position:relative;
	}
	
	.bigvcalendar td div.other_month {
		background: #F0F0F0;
		height: 50px;
	}
	
div.data-container
{
	background: whiteSmoke;
	border: 1px solid #DEDEDE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.05) inset;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset;
	padding: 10px;
}
table.data-form tr {
	border-bottom: 1px dashed #DEDEDE;
}
	table.data-form tr td
	{
		padding-bottom: 8px; 
		padding-top: 8px; 
	}

/* picker dialog */

.picker_dialog tr.data:hover{
	cursor: pointer;
	text-decoration: underline;
}

/*
.picker_dialog {
		margin-top: 5px;
		padding: 10px;
		background: white;
		border: 1px solid #8C8C8C;
		border: 1px solid rgba(0, 0, 0, .45);
		border-bottom: 1px solid #666;
		-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
		-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
		box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
		width: 450px;
		height: 300px;

		position: absolute;
		display: block;
		left: 0;
		bottom: 0;
	}
		.picker_dialog .title {
			font-weight: bold;
			border-bottom: 1px solid #bbbbbb;
			padding-bottom: 10px;
		}

		.picker_dialog .data {
			overflow-y:scroll; height: 230px
		}
*/

/*Reservation slot*/
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel{border-color: #e3e8ed;margin-top:15px;!important;}
.panel.bg{border: none;}
.panel.bg .list-group-item{border-color:transparent;}
.panel.bg .list-group-item a{color: #fff}
.panel .list-group{background: transparent;}
.panel .list-group.m-t-n .list-group-item:first-child{border-top:0 }
.list-group{border-radius: 4px}
.list-group-item{border-color:#e4e9ed;}
.list-group-item .fa-chevron-right{float: right;margin-top: 4px;margin-right: -5px}
.list-group-item > .fa-chevron-right + .badge {margin-right: 5px;}
a.list-group-item:hover, a.list-group-item:focus, a.list-group-item:active {background-color: #f1f5f9;}
a.list-group-item.active{background-color: #e1e5e9;border-color:#e1e5e9;color: #3a5a7a}
a.list-group-item.active > .badge, .nav-pills > .active > a > .badge{color: #3a5a7a}
.list-group-item.active a, .list-group-item.active .text-muted{color: #fff}
.list-group-item.active{background-color: #5191d1;border-color:#5191d1;}
.list-group-item.media{margin-top: 0}