/* Icomoon.com */

.gn-menu-main,
.gn-menu-main ul {
	margin: 0;
	padding: 0;
	background-color: #333;
	color: #fff;
	list-style: none;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 60px;
	background-image: url(../images/iris-logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.gn-menu-main {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		font-size: 13px;
		z-index:99999;
}

.gn-menu-main a {
		display: block;
		height: 100%;
		color: #ccc;
		text-decoration: none;
		cursor: pointer;
		padding:0 25px;
}

.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
		color: #fff;
		font-weight:bold;
}

.gn-menu-main > li {
		display: block;
		float: left;
		height: 100%;
		text-align: center;
}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
		position: relative;
		width: 60px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.gn-menu-main > li:last-child {
		float: right;
		border-right: none;
		
		z-index:9999;
}
.gn-menu-main > li.login-out {
		float: right;
		border-right: none;
		border-left: 1px solid #c6d0da;
}
.gn-menu-main > li .web_login{
	position:relative;
	right:-2000px;
	width:300px;
	z-index:100;
	background:#333;
	top:0px;
	border-top: 1px solid #c6d0da;
	text-transform:none;
	line-height:normal;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
.gn-menu-main > li .web_login p{
	margin:0 10px;
	text-align:center;
}
.gn-menu-main > li.active .web_login{
	right:0;
}
.gn-menu-main > li .notifications, .gn-menu-main > li #notificationsscroll{
	position:relative;
	top:-2000px;
	width:200px;
	z-index:100;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
	max-height: 300px;

}
.gn-menu-main > li .notifications #lastnav{
	display:none;
}
.gn-menu-main > li .notifications li{
	padding:5px;
	line-height:20px;
	background:#ddd;
	background-image:none;
	text-transform:none;
	font-size:12px;
}
.gn-menu-main > li .notifications a{
	padding:0;
	line-height:20px;
	border-bottom:5px solid #333;
	color:#333;
}
.gn-menu-main > li .notifications a:hover{
	font-weight:normal;
}
.gn-menu-main > li:hover .notifications{
	top:0;
	overflow: scroll;
}
.gn-menu-main > li:hover #notificationsscroll { 
	top:0;
	background:#333;
	color:#fff;
	height:20px;	
}
.gn-menu-main > li:hover .notifications #lastnav{
	display:block;
}
.gn-menu-main > li > a {
		padding: 0 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
}

.gn-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.gn-menu-wrapper {
		position: fixed;
		top: 60px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 60px;
		border-top: 1px solid #c6d0da;
		background: white;
		-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}

.gn-scroller {
		position: absolute;
		overflow-y: scroll;
		width: 370px;
		height: 100%;
		background-color:#333;
}

.gn-menu {
		border-bottom: 1px solid #c6d0da;
		text-align: left;
		font-size: 12px;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
		box-shadow: inset 0 1px #ccc;
		background-color:#333;
		line-height:25px;
		padding:10px 0;
		
}

.gn-submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}

.gn-submenu li a {
		color: #c1c9d1
}

input.gn-search {
		position: relative;
		z-index: 10;
		padding-left: 60px;
		outline: none;
		border: none;
		background: transparent;
		color: #5f6f81;
		font-weight: 300;
		font-family: 'Lato', Arial, sans-serif;
		cursor: pointer;
}

/* placeholder */

.gn-search::-webkit-input-placeholder {
		color: #5f6f81
}

.gn-search:-moz-placeholder {
		color: #5f6f81
}

.gn-search::-moz-placeholder {
		color: #5f6f81
}

.gn-search:-ms-input-placeholder {
		color: #5f6f81
}

/* hide placeholder when active in Chrome */

.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
		color: transparent
}

input.gn-search:focus {
		cursor: text
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
		color: white
}

/* placeholder */

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
		color: white
}

.gn-menu-main a.gn-icon-search {
		position: absolute;
		top: 0;
		left: 0;
		height: 60px;
}

.gn-icon::before {
		display: inline-block;
		width: 60px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-family: 'ecoicons';
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}

.gn-icon-help::before {
		content: "\e000"
}

.gn-icon-earth::before {
		content: "\e004"
}

.gn-icon-cog::before {
		content: "\e006"
}

.gn-icon-search::before {
		content: "\e005"
}

.gn-icon-download::before {
		content: "\e007"
}

.gn-icon-photoshop::before {
		content: "\e001"
}

.gn-icon-illustrator::before {
		content: "\e002"
}

.gn-icon-archive::before {
		content: "\e00d"
}

.gn-icon-article::before {
		content: "\e003"
}

.gn-icon-pictures::before {
		content: "\e008"
}

.gn-icon-videos::before {
		content: "\e009"
}

/* if an icon anchor has a span, hide the span */

.gn-icon span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
}

.gn-icon-menu::before {
		margin-left: -15px;
		vertical-align: -2px;
		width: 30px;
		height: 3px;
		background: #888;
		box-shadow: 0 3px #333, 0 -6px #888, 0 -9px #333, 0 -12px #888;
		content: '';
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
		background: #888;
		box-shadow: 0 3px #333, 0 -6px #888, 0 -9px #333, 0 -12px #888;
}

.gn-icon-menu.gn-selected::before {
		background: #888;
		box-shadow: 0 3px #333, 0 -6px #888, 0 -9px #333, 0 -12px #888;
}

/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
		width: 200px
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
		height: 60px
}
@media screen and (max-width: 980px) {
	
	.gn-menu-main > li.mob {
		font-size:0;
		border:none;
	}
	.gn-menu-main > li.mob .fa {
		font-size:35px;
	}
	.gn-menu-main > li.mob a {
		padding:0 10px;
	}

}
@media screen and (max-width: 480px) { 
	.gn-menu-wrapper.gn-open-all {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			width: 100%;
	}
	.gn-menu-main > li.mob {
		font-size:0;
		border:none;
		width:64px;
	}
	.gn-menu-main > li.mob a {
		padding:0 10px;
	}

	.gn-menu-wrapper.gn-open-all .gn-scroller {
			width: 130%
	}
	.gn-menu-main > li.support{ display:none;
	}
}
/* -------------CALENDAR STUFF-------------------*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.calendar table, .calendar thead, .calendar tbody, .calendar th, .calendar td, .calendar tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.calendar thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.calendar tr { border: 1px solid #333; }
	
	.calendar td { 
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important; 
		position: relative !important;
		padding-left: 50% !important; 
	}
	
	.calendar td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 0%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	/*
	Label the data
	*/
	.calendar td:nth-of-type(1):before { content: "Sunday"; }
	.calendar td:nth-of-type(2):before { content: "Monday"; }
	.calendar td:nth-of-type(3):before { content: "Tuesday"; }
	.calendar td:nth-of-type(4):before { content: "Wednesday"; }
	.calendar td:nth-of-type(5):before { content: "Thursday"; }
	.calendar td:nth-of-type(6):before { content: "Friday"; }
	.calendar td:nth-of-type(7):before { content: "Saturday"; }
	
	.page, .list-wrap{
		overflow-x: auto;
	}
}
/*<-------------------------------------------------------------------------BUTTONS--------------------------------------------------------------------------------->*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot');
	src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* General button style (reset) */
.btn, .bar {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	margin: 5px 0px;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn2 {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding:10px;
	display: inline-block;
	margin: 5px 0px;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.delbar {
	border: 1px solid #c14f4f;
	color: #fff;
	background: none;
	cursor: pointer;
/*	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
*/	padding:5px;
	display: inline-block;
	margin: 5px 0px;
	letter-spacing: 1px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/*.helpbar {
	border: 1px solid #3389a7;
	color: #fff;
	background: none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	display: inline-block;
	margin: 5px 0px;
	letter-spacing: 1px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
*//*.viewbar {
	border: 1px solid #555;
	color: #fff;
	background: none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	display: inline-block;
	margin: 5px 0px;
	letter-spacing: 1px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
*/
.viewbar {
	border: 1px solid #ccc;
	color: #333;
	background: none;
	cursor: pointer;
	padding:5px;
	display: inline-block;
	/*margin: 5px 0px;*/
	letter-spacing: 1px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after, .bar:after, .delbar:after,.helpbar:after, .viewbar:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn:before,
.bar:before, .delbar:before,.helpbar:before,.viewbar:before{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

/* Button 2 */
/*.btn-2 {
	color: #B17A08;
	box-shadow: 0 6px #B17A08;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	padding:5px;
	background-color: #FFD06E;
	text-transform:uppercase;
}
*/
/* Button 2a */
/*.btn-2a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-2a:hover {
	box-shadow: 0 4px #B17A08;
	top: 2px;
}

.btn-2a:active {
	box-shadow: 0 0 #B17A08;
	top: 6px;
}
*//*.bar {
	background: #333;
	color: #fff;
	box-shadow: 0 6px #77A328;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-decoration:none;
	line-height:10px !important;
	text-transform:uppercase;
}*/
.delbar {
	background: #FC4B4B;
	color: #fff;
	box-shadow: 0 6px #a62000;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-decoration:none;
	line-height:10px !important;
	text-transform:uppercase;
}
.delbar {
	background: #f7f7f7;
	color: #a62000;
	box-shadow: none;
	border:#a62000 1px solid;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-decoration:none;
	line-height:10px !important;
	text-transform:uppercase;
}
/*.helpbar {
	background: #357CAA;
	color: #fff;
	box-shadow: 0 6px #16374D;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-decoration:none;
	line-height:10px !important;
	text-transform:uppercase;
}
*//*.viewbar {
	background: #333;
	color: #fff;
	box-shadow: 0 6px #555;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-decoration:none;
	line-height:10px !important;
	text-transform:uppercase;
}
*/
.viewbar, .bar ,.btn-2, a.bar, .helpbar, .activebar{
	border: solid 1px #ccc;
	background: #f7f7f7;
	color: #333;
	box-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-decoration:none;
	line-height:10px !important;
	text-transform:uppercase;
	padding:5px;
	transition: all 0.5s ease-in-out;
}
.activebar{
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
/*.bar {
	border-radius: 0 0 5px 5px;
}
.bar:hover {
	box-shadow: 0 4px #77A328;
	top: 2px;
}
*//*.delbar:hover {
	box-shadow: 0 4px #a62000;
	top: 2px;
}*/

/*.helpbar:hover {
	box-shadow: 0 4px #16374D;
	top: 2px;
}
*//*.viewbar:hover {
	box-shadow: 0 4px #555;
	top: 2px;
}
*/
.viewbar:hover, .bar:hover, .btn-2:hover, a.bar:hover, .helpbar:hover {
	background: #ddd;
}
.bar:active {
	box-shadow: 0 0 #77A328;
	top: 6px;
}
.delbar:active {
	box-shadow: 0 0 #a62000;
	top: 6px;
}
.helpbar:active {
	box-shadow: 0 0 #16374D;
	top: 6px;
}
.viewbar:active {
	box-shadow: 0 0 #555;
	top: 6px;
}
/* END BUTTONS */
/*----------------NEW BUTTONS----------------*/
.btn {
  border: 1px solid #ccc;
  padding: 6px 12px;
  font-size: 12px;
  outline: none !important;
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.btn.small{
	width:auto;
}
.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
  outline: none !important;
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

.btn-default {
  border-width: 1px;
  padding: 6px 13px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Bootstrap buttons */
.badge {
  font-size: 11px !important;
  font-weight: 300;
  text-align: center;
  height: 18px;
  padding: 3px 6px 3px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  text-align: center;
  vertical-align: middle;
}
.badge.badge-roundless {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

/* Badge variants */
.badge-default {
  background-color: #c6c6c6;
  background-image: none;
}
#tabs .nav li .badge-default{
	background-color: #fff;
	color:#f3565d;
  	background-image: none;
	float:right;
	height:auto;
	top:-20px;
}
.badge-primary {
  background-color: #428bca;
  background-image: none;
}

.badge-info {
  background-color: #89c4f4;
  background-image: none;
}

.badge-success {
  background-color: #45b6af;
  background-image: none;
}

.badge-danger {
  background-color: #f3565d;
  background-image: none;
}

.badge-warning {
  background-color: #f8cb00;
  background-image: none;
}
.btn-default {
  color: #333333;
  background-color: white;
  border-color: #cccccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
  color: #333333;
  background-color: #f0f0f0;
  border-color: #b3b3b3;
}
.open .btn-default.dropdown-toggle {
  color: #333333;
  background-color: #f0f0f0;
  border-color: #b3b3b3;
}
.btn-default:active, .btn-default.active {
  background-image: none;
}
.open .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: #cccccc;
}
.btn-default .badge {
  color: white;
  background-color: #333333;
}

.btn-primary {
  color: #357ebd;
  background-color: #f6f6f6;
  border-color: #357ebd;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  color: white;
  background-color: #347cb9;
  border-color: #2a6496;
}
.open .btn-primary.dropdown-toggle {
  color: white;
  background-color: #347cb9;
  border-color: #2a6496;
}
.btn-primary:active, .btn-primary.active {
  background-image: none;
}
.open .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: white;
}

.btn-success {
  color: #3ea49d;
  background-color: #f6f6f6;
  border-color: #3ea49d;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
  color: white;
  background-color: #3da09a;
  border-color: #307f7a;
}
.open .btn-success.dropdown-toggle {
  color: white;
  background-color: #3da09a;
  border-color: #307f7a;
}
.btn-success:active, .btn-success.active {
  background-image: none;
}
.open .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #45b6af;
  border-color: #3ea49d;
}
.btn-success .badge {
  color: #45b6af;
  background-color: white;
}

.btn-info {
  color: #72b8f2;
  background-color: #f6f6f6;
  border-color: #72b8f2;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
  color: white;
  background-color: #6db6f1;
  border-color: #43a1ed;
}
.open .btn-info.dropdown-toggle {
  color: white;
  background-color: #6db6f1;
  border-color: #43a1ed;
}
.btn-info:active, .btn-info.active {
  background-image: none;
}
.open .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #89c4f4;
  border-color: #72b8f2;
}
.btn-info .badge {
  color: #89c4f4;
  background-color: white;
}

.btn-warning {
  color: #dfb600;
  background-color: #f6f6f6;
  border-color: #dfb600;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
  color: white;
  background-color: #d9b200;
  border-color: #ab8c00;
}
.open .btn-warning.dropdown-toggle {
  color: white;
  background-color: #d9b200;
  border-color: #ab8c00;
}
.btn-warning:active, .btn-warning.active {
  background-image: none;
}
.open .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #f8cb00;
  border-color: #dfb600;
}
.btn-warning .badge {
  color: #f8cb00;
  background-color: white;
}

.btn-danger {
  color: #f13e46;
  background-color: #f6f6f6;
  border-color: #f13e46;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
  color: white;
  background-color: #f13942;
  border-color: #ec111b;
}
.open .btn-danger.dropdown-toggle {
  color: white;
  background-color: #f13942;
  border-color: #ec111b;
}
.btn-danger:active, .btn-danger.active {
  background-image: none;
}
.open .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #f3565d;
  border-color: #f13e46;
}
.btn-danger .badge {
  color: #f3565d;
  background-color: white;
}
/* Button */
.btn.grey {
  color: #333333;
  background-color: #f6f6f6;
  border-color: #333333;
}
.btn.grey:hover, .btn.grey:focus, .btn.grey:active, .btn.grey.active {
  color: #333333;
  background-color: #d6d6d6;
}
.open .btn.grey.dropdown-toggle {
  color: #333333;
  background-color: #d6d6d6;
}
.btn.grey:active, .btn.grey.active {
  background-image: none;
}
.open .btn.grey.dropdown-toggle {
  background-image: none;
}
.btn.grey.disabled, .btn.grey.disabled:hover, .btn.grey.disabled:focus, .btn.grey.disabled:active, .btn.grey.disabled.active, .btn.grey[disabled], .btn.grey[disabled]:hover, .btn.grey[disabled]:focus, .btn.grey[disabled]:active, .btn.grey[disabled].active, fieldset[disabled] .btn.grey, fieldset[disabled] .btn.grey:hover, fieldset[disabled] .btn.grey:focus, fieldset[disabled] .btn.grey:active, fieldset[disabled] .btn.grey.active {
  background-color: #f6f6f6;
}
.btn.grey .badge {
  color: #e5e5e5;
  background-color: #333333;
}

/***
Green Default
***/
/* Button */
.green.btn {
  color: #35aa47;
  background-color: #f6f6f6;
  border-color: #35aa47;
}
.green.btn {
  color: #35aa47;
  background-color: #f6f6f6;
  border-color: #35aa47;
}
.green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
  color: white;
  background-color: #2e933d;
}
.open .green.btn.dropdown-toggle {
  color: white;
  background-color: #2e933d;
}
.green.btn:active, .green.btn.active {
  color: #ffffff;
  background-color: #35aa47;
  border-color: #35aa47;
}
.open .green.btn.dropdown-toggle {
  background-image: none;
}
.green.btn.disabled, .green.btn.disabled:hover, .green.btn.disabled:focus, .green.btn.disabled:active, .green.btn.disabled.active, .green.btn[disabled], .green.btn[disabled]:hover, .green.btn[disabled]:focus, .green.btn[disabled]:active, .green.btn[disabled].active, fieldset[disabled] .green.btn, fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:focus, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn.active {
  background-color: #35aa47;
}
.green.btn .badge {
  color: #35aa47;
  background-color: white;
}

/* Button Strip */
.btn.green-stripe {
  border-left: 3px solid #35aa47;
}
/***
Purple Plum
***/
/* Button */
.purple-plum.btn {
  color: #8775a7;
  background-color: #f6f6f6;
  border-color: #8775a7;
}
.purple-plum.btn:hover, .purple-plum.btn:focus, .purple-plum.btn:active, .purple-plum.btn.active {
  color: white;
  background-color: #77639b;
}
.open .purple-plum.btn.dropdown-toggle {
  color: white;
  background-color: #77639b;
}
.purple-plum.btn:active, .purple-plum.btn.active {
  background-image: none;
}
.open .purple-plum.btn.dropdown-toggle {
  background-image: none;
}
.purple-plum.btn.disabled, .purple-plum.btn.disabled:hover, .purple-plum.btn.disabled:focus, .purple-plum.btn.disabled:active, .purple-plum.btn.disabled.active, .purple-plum.btn[disabled], .purple-plum.btn[disabled]:hover, .purple-plum.btn[disabled]:focus, .purple-plum.btn[disabled]:active, .purple-plum.btn[disabled].active, fieldset[disabled] .purple-plum.btn, fieldset[disabled] .purple-plum.btn:hover, fieldset[disabled] .purple-plum.btn:focus, fieldset[disabled] .purple-plum.btn:active, fieldset[disabled] .purple-plum.btn.active {
  background-color: #8775a7;
}
.purple-plum.btn .badge {
  color: #8775a7;
  background-color: white;
}

/* Button Strip */
.btn.purple-plum-stripe {
  border-left: 3px solid #8775a7;
}
/*--------------END NEW BUTTONS--------------*/

/*PHOTO DESCRIPTIONS*/
.imgcaption {
    -webkit-backface-visibility: hidden; /* prevent flash when embedding fiddle */
	display: inline-block;
	position: relative;
	margin: 10px;
	overflow: hidden;
	background: #000;
}

.imgcaption img {
	display: block;
	width: 100%;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.imgcaption:hover img {
	opacity: 0.5;
}

.imgcaption::after{
	position: absolute;
	width: 90%;
	height: 40%;
	color: #fff;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}
.imgcaption::before {
	position: absolute;
	width: 90%;
	height: 60%;
	color: #333;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}

.imgcaption::after {
	content: attr(data-title);
	top: 0;
	background: #333;
	font-size: 20px;
	font-weight: 300;
	padding: 5%;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.imgcaption::before {
	content: attr(data-description) '...';
	text-wrap:none;
	top: 50%;
	background: #ccc;
	padding: 5%;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
}

.imgcaption:hover::after,
.imgcaption:hover::before {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}
/*RADIOS & CHECKBOXES*/
/*input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    color:#333;
    font-family:Arial, sans-serif;
    font-size:14px;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(check_radio_sheet.png) -19px top no-repeat;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#333;
    font-family:Arial, sans-serif;
    font-size:14px;
}*/

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(check_radio_sheet.png) -57px top no-repeat;
}
select {
   padding:7px 0px 7px 2px;
    margin-bottom: 18px;
     border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #ccc;
  color: #333 !important;
  background-color: #f5f5f5;
    display: inline-block;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
    cursor:pointer;
	background: #f5f5f5 url(../images/down-arrow.png) no-repeat center right 5px;
   }
/*input[type="text"]{
	padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#333;
    border:#ccc 1px solid;
    outline:none;
    display: inline-block;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
    cursor:pointer;
}
*/
/**
 * Default DropKick theme
 *
 * Feel free to edit the default theme
 * or even add your own.
 *
 * See the readme for themeing help
 *
 */
 input[type="text"], input[type="password"], input[type="time"]{
	background-color: #f5f5f5;
  margin-bottom: 18px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #ccc;
  color: #333 !important;
  padding: 7px 0px 7px 2px;
 }
 input[type="text"].error, input[type="password"].error, input[type="time"].error{
	background-color: #FEF1ED;
  margin-bottom: 18px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #c00;
  color: #333 !important;
  padding: 7px 0px 7px 2px;
 }
 button, input[type="submit"]{
	 width:100%;
	 max-width:250px;
 }
 .coat_nav button, .coat_nav input[type="submit"]{
	 width: -moz-calc(100%/9);
	width: -webkit-calc(100%/9);
	width: calc(100%/9);
	width: 11.11%;
	margin-right:10px;
	float:left;
	height:50px;
 }
 .coat_nav form{
	 float:left;
	 width: -moz-calc(100%/9);
	width: -webkit-calc(100%/9);
	width: calc(100%/9);
	width: 11.11%;
	margin-right:10px;
 }
  .coat_nav form button{
	  width:100%;
  }
.dk_container  {
  background-color: #FFF;
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 18px;
  border-radius: 5px;
  border-color:#ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  .dk_container:focus {
    outline: 0; }
  .dk_container a {
    cursor: pointer;
    text-decoration: none; }

.dk_toggle {
  border: 1px solid #ccc;
  color: #333 !important;
  padding: 7px 0px 7px 2px;
  text-shadow: #fff 1px 1px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-transition: border-color .5s;
  -moz-transition: border-color .5s;
  -o-transition: border-color .5s;
  transition: border-color .5s;
  position: relative; }
  .dk_toggle:hover {
    border-color: #8c8c8c; }
  .dk_toggle:after {
    position: absolute;
    top: 45%;
    right: 10px;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #4B4B4B; }

/* Applied when the dropdown is focused */
.dk_focus .dk_toggle {
  border-color: #888;
}
/* Applied whenever the dropdown is open */
.dk_open {
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 10; }
  .dk_open .dk_toggle {
    background-color: #ececec;
    border-color: #8c8c8c;
    color: #ccc;
    box-shadow: inset 0 -2px 5px #ccc;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0; }

/* The outer container of the options */
.dk_options {
  background: #fefefe;
  /* Removes transparent background on iOS5+ scroll */
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px; }
  .dk_options a {
    background-color: #fff;
    border-bottom: 1px solid #999;
    font-weight: bold;
    padding: 8px 10px; }
  .dk_options a:hover,
  .dk_options .dk_option_current a {
    background-color: #888 !important;
    border-bottom-color: #333;
    color: #fff !important;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0; }
  .dk_options li{
	  padding:0 !important;
  }
  .dk_options li:last-child a {
    border-bottom: none; }
  .dk_options .disabled {
    cursor: default; }
    .dk_options .disabled a {
      color: #aaa; }
    .dk_options .disabled:hover, .dk_options .disabled:hover a {
      cursor: default;
      background-color: #fff;
      border-bottom-color: #999;
      text-shadow: none; }

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  border: 1px solid #8c8c8e;
  border-bottom-width: 2px;
  border-bottom-color: #999;
  color: #333;
  text-shadow: #fff 0 1px 0;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px; }

/******  End Theme ******/
/***** Critical to the continued enjoyment of working dropdowns ******/
.dk_container {
  display: none;
  float: left; }
  .dk_container a {
    outline: 0; }

.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1; }

.dk_open {
  position: relative; }
  .dk_open .dk_options {
    display: block; }
  .dk_open .dk_label {
    color: inherit; }

.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%; }
  .dk_options a, .dk_options a:link, .dk_options a:visited {
    display: block; }

.dk_options_inner {
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
  max-height:200px; }

/* Hides only dropkick <select> instances */
.dk_container select {
  position: absolute;
  top: -99999em;
  visibility: hidden; }

/*  nativeMobile override */ 
.dk_mobile {
  position: relative; }
  .dk_mobile select {
    display: block;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    visibility: visible;
    opacity: 0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none; }
/***** End Critical to the continued enjoyment of working dropdowns ******/
/*ACCORDION*/
.ac-container{
	width: 100%;
	margin: 10px auto 30px auto;
	text-align: left;
}
.ac-container label{
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #777;
	line-height: 15px;
	font-size: 15px;
	background: #eee;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
		text-align:center;
}
.ac-container label.late{
	background: #FC4B4B;
	color:#fff;
}
.ac-container label.today{
	background-color:#8fc929;
	
}
.ac-container label:hover{
	background: #77A328;
}
.ac-container label:hover.late{
	background: #a62000;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #eee;
	color: #333;
}
.ac-container input:checked + label.late,
.ac-container input:checked + label:hover.late{
	background: #a62000;
	color: #333;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	color: #333;
	line-height: 23px;
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 300px;
}
/*PROJECT TIMELINE THINGY*/
.cbp_tmtimeline {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none !important;
	position: relative;
} 

/* The line */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10px;
	background: #b3b3b3;
	left: 20%;
	margin-left: -10px;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	padding-right: 100px;
	position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 2em;
	color: #333;
}


/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 15px 25%;
	background: #444;
	color: #fff;
	padding: 2em;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.4;
	position: relative;
	border-radius: 5px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: #b3b3b3;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 { 
	margin-top: 0px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #444;
	border-width: 10px;
	top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #b3b3b3;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 40px;
	height: 40px;
	font-family: 'ecoico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #333;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #b3b3b3;
	text-align: center;
	left: 20%;
	/*top: 0;*/
	margin: 0 0 0 -25px;
}

.cbp_tmicon-phone:before {
	content: "\e000";
}

.cbp_tmicon-screen:before {
	content: "\e001";
}

.cbp_tmicon-mail:before {
	content: "\e002";
}

.cbp_tmicon-earth:before {
	content: "\e003";
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

	.cbp_tmtimeline > li .cbp_tmtime span:last-child {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 47.2em) {
	.cbp_tmtimeline:before {
		display: none;
	}

	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}

	.cbp_tmtimeline > li .cbp_tmtime span {
		text-align: left;
	}

	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}

	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		top: -20px;
	}

	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
	}

	.cbp_tmtimeline > li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0px;
	}	
}
/*
jQuery.Scheduler
Copyright (c) 2013 S Bondaryev - sbondaryev@gmail.com 
MIT License Applies
*/

div.scheduler-vtheader,
div.scheduler-vtheader-agregator,
div.scheduler-vtheader-agregate-row,
div.scheduler-vtheader-row,
div.scheduler-menu,
div.scheduler-menu-item,
div.scheduler-slide,
div.scheduler-hzheader,
div.scheduler-hzheader-months,
div.scheduler-hzheader-month,
div.scheduler-hzheader-days,
div.scheduler-hzheader-day,
div.scheduler-workbench,
div.scheduler-unavailable,
div.scheduler-agregator,
div.scheduler-row,
div.scheduler-block {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing:border-box;
}

div.scheduler-hzheader-month,
div.scheduler-hzheader-day,
div.scheduler-vtheader,
div.scheduler-workbench,
div.scheduler-vtheader-agregator-name,
a.scheduler-vtheader-agregator-name {
    float: left;
}

div.scheduler-hzheader-month,
div.scheduler-hzheader-day {
    text-align: center;
}

div.scheduler-hzheader-day.last,
div.scheduler-hzheader-month.last {
    border-right: none;
}

div.scheduler-vtheader-agregator.last {
    border-bottom: 1px solid #d0d0d0;
}

div.scheduler-nonselectable {
    cursor: default;
}

div.scheduler-nonselectable::-selection  {
    background: rgba(0,0,0,0);
}
div.scheduler-nonselectable::-moz-selection  {
    background: rgba(0,0,0,0);
}

div.scheduler {
    border: 1px solid #999;
    overflow: hidden;
    position: relative;
    width: 600px;
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

/* Horizontal Header */
div.scheduler-hzheader-month {
    width: 60px;
    height: 20px;
    border-right: 1px solid #d0d0d0;
    line-height: 20px;
}

div.scheduler-hzheader-day {
    width: 20px;
    height: 20px;
    border-right: 1px solid #f0f0f0;
    border-top: 1px solid #d0d0d0;
    line-height: 20px;
    color: #777;
}

div.scheduler-hzheader-day.scheduler-weekend {
    background-color: #fafafa;
}


/* Vertical Header */
div.scheduler-vtheader {
    position: relative;
    z-index: 10;
    width: 200px;
    overflow: hidden;
    background-color: #fff;
    border-right: 1px solid #999;
    padding-bottom: 1000em;
    margin-bottom: -1000em;
}

div.scheduler-vtheader-agregator,
div.scheduler-menu {
    overflow: hidden;
    color: #777;
    line-height: 16px;
}

div.scheduler-vtheader-agregator {
    position: relative;
    border-top: 1px solid #d0d0d0;
}

div.scheduler-vtheader-row,
div.scheduler-vtheader-agregate-row {
    margin-left:auto;
    width: 0px;
    border-top: 1px solid #d0d0d0;
}

div.scheduler-vtheader-row {
    width: 100px;
    text-align: left;
}

div.scheduler-vtheader-agregator-name,
a.scheduler-vtheader-agregator-name,
div.scheduler-vtheader-row {
    padding-top: 3px;
    padding-left: 8px;
    font-size: 0.8em;
    line-height: 1;
}

a.scheduler-vtheader-agregator-name {
    margin-right: 15px;
    text-decoration: none;
    outline: 0;
    color: #777;
}
a.scheduler-vtheader-agregator-name:hover {
    color: #000;
}

div.scheduler-vtheader-agregator-toggle {
    width: 20px;
    height: 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAAXNSR0IArs4c6QAAAGtJREFUKM/d0cENwzAMA0CyWcWzcSjPRo/isK8kRisE/RQFyi8PgiABPwvHGPMjCAC2Q7IESdBau9oKH+icWOEVlbEd28E/h5JmksctIncCwIGrg5Pce+/b2bziFb19Zl1jRWUkTUnz++d5Akn8SFDyHM0/AAAAAElFTkSuQmCC');
    position: absolute;
    top: 0px;
    right: 0px;
    background-position: 5px 0px;
    background-repeat: no-repeat;
}

div.scheduler-vtheader-agregator-toggle.up {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAAXNSR0IArs4c6QAAAGRJREFUKM/l0cEJwDAMA0Crs3gD7T+CN3BGSd1HGzBOyK9QqD4BcZiARF6Pu4e7R+1REXBXESGqiglmNJIxBtp9R1WB1lpP3fG8p/wqJIPkfpkKzGxeZnUlY+xQxiDZ0ypfXOQCWXkviR7NIgIAAAAASUVORK5CYII=');
}
div.scheduler-vtheader-agregator-toggle:hover {
    background-position: 5px -10px;
}

div.scheduler-menu {
    height:40px;
    padding-top: 13px;
}

div.scheduler-menu-item {
    float:right;
    width: 16px;
    height: 16px;
    margin-right: 13px;
    background-size: 16px 32px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

div.scheduler-menu-item.copy {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAA6JJREFUSMeVlLtLK1sUxr+ZM5PMxBDxhRKUJCDGRsVKLRQEhVtaWOkfYHk6sUjhsRAsAzZWOWBnKagIIRg1Xg2ikqQyNokPVIj4iJNJMnvtW3hnTMwJeBZs9rBZj9+svdcnBINBzjkH5xyMMRARiMj6ZoxVrZWVFQEVJnHOMT09je9YMBisOZPM6tlsFqVSCYlEAvWIXC4XFhcXeSWRxDkHAAiCAFEU8bdEEhEBALq6ugAAZ2dnVUS6rqNQKEDXdRiGYQWPj4+DiD4TmFZJ9KdV6ccYq03wleirmQVMX5GIag7rmenHObeaK3LO8fj4WJMgl8shm83WDTZ3kYhwcnKCi4sL5PN5K4GmaTg9PcXh4SE0TaupbC6JMQa/349sNotUKgUiQiwWg67rcLlcyOVy2NrawuDgILxer1W9kuClp6cHbW1tICL4fD7oug7OOWRZhqqqkCQJ8Xgce3t7eH5+BuccgiBY19goCAIGBgbQ3t6O3d1dKIqCUqmE1tZWEBF0XYckSXC73XC5XHA4HLi8vPx8B6urq2CMQRAEKIqC2dlZpNNpJJNJlMtleL1e9PX1wWazQVVVPDw8YH19/ZVz/o+0vLxsvY7r62v72tqaLssynE4nbDYbhoeH4Xa7wRgDABSLRRwfH4Nz/jMUCv0rfbnnsklkNurq6qpmtDnnv0Kh0G8AEGZmZrjZWdOBiGAYhrUbhgHGGAzDwNHRUbUeEBHm5ua+NX0LCwv19SCdTlv/V4+oubkZk5OTvJKoRg/+lsiaxu7ubgDAwcFBFZGmaXh/f4emaSiXy1bw1NTU51P+rh6Iolg1dIZh1NcDk+irVfoTEUSzSaZ9JfpTsDlIjLEPPbi7u6txur+/RzqdrhtcpQfhcBixWAwvLy8WQT6fRzQaxfb2Nt7e3moqm+Q/fD7f4ujoKDKZDKLRKIgIr6+vuLm5gaIoeHp6wvn5OVRVRUtLi/mUwTnHzs4ORMbYS39/P9xuN4gIvb290DQNnHPYbDY0NDRAlmVEIhFsbm4il8vV6oEoihgZGUFnZyc2NjagqiqKxSI6OjpARNA0DbIsw+PxoKmpCU6nE4lE4kMCxsbGuDkwgiDA4XBgfn4eyWQS8XgcxWIRfr8fQ0NDUBQFTqcTt7e3CAQCH3qwv79vTVckErEvLS3pdrsdjY2NsNvtmJiYgMfjsZpbKBQQDofBOf+ZyWSq9YCIykSEQCBgdTyVSlWN9v/d/5XJZH4DwH+elSeZGERMEwAAAABJRU5ErkJggg==');
}
div.scheduler-menu-item.copy:hover {
    background-position: 0px -16px;
}

div.scheduler-menu-item.delete {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90EDwszE7MX2MgAAAYASURBVEjHZVVvaFNXH37uv9zbm5g0vUkJBkwaWkdlU4Qa1iZtpGXzgx/eva8wmXTjdrX6fhmkYMYK2+eyD64iTMQvFQaOV+h8rXSt2IJr77u61qrQYDBa2+ibvlkTG5s/zU1z77nvB5ds6oEDh3Oe33PO+f3O8xzgjxYOhwNDQ0PGxMTEeVVVJbzRCCHsrVu3hoeGhgxZlgPVeboaLAiC0tnZibm5uS+uXLnyo67r4l8Jrl+//v3MzMxXwWAQLpdLqZJQ4XA4YDKZlJ6eHjQ2NmJjYwMzMzPw+Xy3BwYGjjIMs3316tXRpaUlubu7u4aZnp5GOp0OMl1dXc8OHz4Mh8MBQggEQUBjYyPu37/vzWQyzX19fYH5+fl/hkIhSJIEQghEUYTT6UQ6nf6cmpyc/HZ6evrLrq4uSJIEiqJgGAZevHiBubk5AEBnZyccDkftOplMBrOzszhw4MA4Mzo6Op/NZpvm5+ffs9vt4DgOhBDwPA9JkuB2u1FfXw9N06DrOtLpNBRFgcfj+a23t7eXNZlMRULIZ5qm0YqiHD906BDsdjsAQBRf5VFVVQBANpvF4uIiPB7PrwMDAx+JophmAYCmaY0QcoLjuO07d+70HTx4EFarFRRF1Y6dy+Vw7949NDc3/3Lq1Kl/CIKwWSvjHyTEZrOlCCHY2dmBqqoolUq1Xi6XQQiB1WrN8Dyfrcax1cG1a9e+m5iYGGxpaQHDMCiVSrWEAgDDMHC73VhYWDimadoYIeQTmqbLLCGEvnHjxvDk5OSg1+sFx3G1OxcKBQCAxWIBAOzatQt79uzB3bt3/07T9JVKpfIp097e/s34+PjXbrcbPM9D13VomoZcLodEIoGXL1+C4zhQFAVN00DTNARBQCwWa83lcl5GEITbLpcLJpMJhBDouo58Po9kMonW1tbZpqamxYcPH+5jWRYURUHXddA0DZ7nEY1G97OapgXX19cVp9MJQRCgqirS6TR2794dO3369MeiKGaKxeLPy8vLH1Yx5XIZGxsb0HU9SAGALMsBiqIUh8OBTCYDj8ezHIlEPjCbzb8DgKZp/IULF8YePHhwVJIkZDIZGIYRvHz58n9qdZZlOSDLsnH+/Pmxzc1N35tyVlXVdunSpR9kWX5NzrUyrq6uwmQygef55Ojo6NabBBcvXizG4/H/JpNJbG39uUwDQCgUCnAcp/h8PqysrHyxtLT048jIyGt+sLy8/H08Hv/K5/PBarUqfr//lR+EQqEAy7LK3r17YbFYUCgUEI/HIUnS7fb29qODg4PbsiyPPn/+XP4r5tGjRygUCkGqp6fHaG5urj2W6gN68uQJ3G73v3ie/9/Kykq4paXlLczjx4/BHDlyRIzH4wFRFMGyLAzDAMuyMJvNSCQS72az2fd9Ph/MZjMMw4BhGMjn89UNxpkTJ07Ml0qlprW1tfdEUQRN06+R2Gw2iKIIXddhGAYKhQKePn0Ku93+W1tbWy9z8+bNSl9f3/V8Pv9OIpF4t66uDjRNgxAChmHAMAwIISCEoFgsYnV1FXa7/deOjo6/RSKRDQYApqamSH9//0+lUmnP2traQUEQaiepBm9vb+PZs2dwOp2/BAKBj86cOfPiNT8Ih8Okrq4uZRhGTVCVSqXWNU2DYRgQBCHDsmzND5jqoL+//7tYLBZxOp1gWRa6rtfEpes6KIoCwzBIpVL7crnc/pMnT/57ampKp86dO0dHo9HhWCz2ZUNDA3ier5WqXC4DwFtzm5ub8Hg8P7W1tX3KeL3eb6LR6Nf19fW1Muq6jnK5jGw2i1KpBIZhqt8bKIoCx3FIpVKtqqp6GY7jblutVjAMU0tauVzG1tYWXC7XrCRJi6lUah9N06Ao6k2S/ayu68GtrS3FYrGA4zhUKhUUCgXYbLZYR0fHxyaTKbOzs/Pz+vr6h1WMpmnI5/MghLzyA7/fH6AoSjGbzSgWi2hoaFju7u7+IBKJ/A4AIyMjvKIoY8lk8qgoiigWizAMI7iwsPCnH/j9/oDf7zeOHTs2Njw8/JYfnD171nb8+PEf/H6/UVUiAPwfduv5UG+kAjgAAAAASUVORK5CYII=');
}
div.scheduler-menu-item.delete:hover {
    background-position: 0px -16px;
}

div.scheduler-menu-item.zoomin {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90DBg4NDlg3/h0AAAPoSURBVEjHfZRvaJZVGMav+xms19iG1UqNSjKymtu0UhtNtsWGISIKCdUnEaxvbu8a/jf/rXonQ99tfdiXICSCECXEEHVzitiafTBEGP2dKWkLJ5UyBnvPfV192Ou21/exmwcOPPc517nPOdf9M0yLT7u6SmG2wYAaADMADEk6AujkxsYmISZscnFnZy3MDgMohWV/a3LNUZHrGpPJsViBzo70fIN9D0OxwQYBdMMwAqEawPuSCgF8Lum9pubmnEqijvRBk7BTUrGoC5SWSure2Nh0WFKS0ipJlLReQPn9FUSSIGlldtzclEyONSaTAoDGZFISz0g6MZHnijwBUAA5UyREXrl/gpwQeUkkQD2dJ0AJlO5mx/n3T3ASlMqy+eH8I0CQdFoiJKba97cV3ku2t6VM4hKJa7L5U7Gv0L6/rQLCAIAEoH4AXRJum6EasBYAJQBuAKrctHXb37E+aG9LrZZwCEDxg7wC6KKkhi3bd4xOXWI2Nm3ddszMFgE4UJhIRIWJRCTxG0FpiaIISq9J+iz1UWsUoz4VHek0ASDZ3BztT30SyfkloLezDhKEvYBat324SzkCnR3pWL+PjY4WieoBVHXvcSSt3b5r97Fpd9BmhYmHGCfQlGy2VOu+ORS/A/AMJrYZAFAde4T0wQMCgOYPWnLyH+/ds1BSL4BHAXwLs9ooTgDS9E6cjB2791wGUAHgHQDv7ty9J/cOVixfXmpRtMHMasxshsghkkcknjzZ0/v/PHizvr42KiiI5YGko3Rfd7qvL48HBQDQUFc738z6JD4CaVDSPkFfSBoWuUhkhaQ5z86de/zqtWu5vVC3rNpI7nQPxR78grsvJdl9qqf3MOlJd1/l7iR9Pen5PCAJd1/pIcBDZnPvuXNjPX19AoCevrMKIXPGQ+aEhwC65/OA7vAQZoYQEELI40EYH0cI4VIIAe6ezwN3h7vf9RAQMpk8HmTGx+GZTNlEhWE4tgKGcNo9wD2kFlcsmOTBKwteMndf4u5rPASEkInnweKK8gpIA4ISkvoldUm6bWbVkUUtMJRIuCGx8ofBH+N58HLZi6slHQJQrGkutOwnCJAukmy48stvozk+AIDhWyM/PTl71lciw2OzZi17uKjIRu/cOQ7gBMkqkibpKUnPlc4s+Xrkn3/1QB68UbOMAHD2/IWo8oXnozA+PsEDZX1J7SXZ+vMfN3N7ob6uJtbvf16/XuSZTA+gquzxnNTaX28OH5vsxlfLy2KrAYDBod9HJb0VQrju7vDgBSS3zJv9hMUuqnm9SgBwvn8gJz9v9uML6ZzkgUUP4AFJkPlwGhq+dRk2xYOrf43oP0lzpmPJUFpNAAAAAElFTkSuQmCC');
}
div.scheduler-menu-item.zoomin:hover {
    background-position: 0px -16px;
}

div.scheduler-menu-item.zoomout {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90DBg4KFOoUkaAAAAPlSURBVEjHjVRZbFVVFF37FlCjYMVGIEwhhSYMLaYEQgIOjVUUYyCGRMMPMfrLa6to4SFFMHSwJIXWhC8/nBKCEoMkWFoLP0ZRIzEQVMro8NKmIINosO+evZYf7xX6hhB3cj/uOeuuu/Y5ey3DqOrq6qoA0GlANYCxAIYEfARpx/pEgihSduvj3bsTiKIOAFEBSvoD0sL1dXVXihJ07up4yizqzr7/C7MDAAYA1EBamOFQv6S5dQ0NOUqiXR0dkYQ9JI3kdUlTJa1dn0g0SKyW1EgSkioErM5XEEkCoVmCIOjVRH39lURdHQEgUVdPSjsFDQqCpJcLCCACpImEyM8L2neHyF9EAuK0QgUUREkUSD2RDyAJUeVZ3FAhQUZaihIkvtve1nrfyGZ7a0tEaR2l6ZRA8YOit9De1vY8oP3ZK/sLwHsSUmZYCVgNDAbBAc15feOmC0XnoL21pVnCxtFrhaW/JZQ3JpNDBQQZJa3LRe2UNB/AGADXzJCSsAhQhgL4TWL5ps1bAor9bec7bZEyrQACJEWknwM0Q1kGCEcB1W7a0sQ7yL1dbc07HqLzLKDxt6cbLcmmpqTlAX/NU6XG5OaZbc3NEd2rJH6fbQ0CbgAqHTOaYNy4u2YUU9CYTBLAj83bt60luTdrOJpZrvMaNmyw4KFk9DN6P9m09RMYSrIqSzdvfSv3DFauWFFmUfSKmT1qZveIPE/yU4ndX/T06o558HRt7WNRSck+AGUwu3VSWSvvp/u6w319N/MJSgDgyZrHK8zsiMQHIP0kabugDyUNinxYZKWkKbNmzjx4/uLFXC/UPLLcSL7pHsZ78K/cfQnJPd09vftIr3f359ydpL9E+oICM5GEuz/rIcBD/Ebv0aM3e/r6BAA9fUcUQtznIT7kIYDuzxQSuMNDKA0hIIRwMh8Q0mmEEI6HEODu0wsI3B3ufsNDQIjjinxAnE7D43heRmEYLKqAIfS4B7iHlsVVC8aNbC5aMM/cfbG7r/YQEEJ8uOg1Lq6qrIR0TNDdkr6W1CnpTzNbFln0GgwTJKQkVh0/9fPVonNQPX/uKknvAxgvaTTAAIMy1vyWZO2J/rP/5MwBAAxcunx66uRJe0XFdB8r6Zqk7wAcIrmUpEmaJqm8rHTCZ5euXlfRPFiysNJG8oAU6MHSw8MfA3ohuy5R20i+ffr3lP5XHlTOKb83Tg/3Qlqabc9JrTmTGjhgecC9+Xlw8sy5F6sqZls8PDw5jtPfAJiBTFgdA7QsJw/un/jgmsL/n8OJ/rMCMDB7yqRV7v4lgIkAgkVWeAaLKufnrP1w8lSOjWdNKhvJV1wYuoz/ADHopc8G1ZmyAAAAAElFTkSuQmCC');
}
div.scheduler-menu-item.zoomout:hover {
    background-position: 0px -16px;
}

/* Slider */
div.scheduler-slide {
    overflow: auto;
}

/* Blocks */
div.scheduler-workbench,
div.scheduler-agregator,
div.scheduler-row {
    position : relative;
}

div.scheduler-workbench {
    background-size: 30px 26px;
    background-position: 12px 28px;
    background-repeat: repeat;
}

div.scheduler-workbench {
    display: inline-block;
    overflow: hidden;
}

div.scheduler-unavailable {
    top : 0;
    border : 0;
    background-color: #707070;
    position: absolute;
    z-index: 10;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

div.scheduler-ruller {
    z-index: 1; 
    height: 1000em;
    position: absolute;
    background-color: #ffff00;
    opacity: 0.2;
    filter: alpha(opacity=20);
    pointer-events: none;
}

div.scheduler-mouse-selector {
    z-index: 20;
    position: absolute;
    border: 1px solid #000000;
    background-color: #0000ff;
    opacity: 0.1;
    filter: alpha(opacity=10);
    pointer-events: none;
    display: none;
}

div.scheduler-row {
    border-top: 1px solid #d0d0d0;
    padding-top: 4px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAMAAADKfsO6AAAAAXNSR0IArs4c6QAAAwBQTFRFAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICQkJCgoKCwsLDAwMDQ0NDg4ODw8PEBAQEREREhISExMTFBQUFRUVFhYWFxcXGBgYGRkZGhoaGxsbHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyMzMzNDQ0NTU1NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXWFhYWVlZWlpaW1tbXFxcXV1dXl5eX19fYGBgYWFhYmJiY2NjZGRkZWVlZmZmZ2dnaGhoaWlpampqa2trbGxsbW1tbm5ub29vcHBwcXFxcnJyc3NzdHR0dXV1dnZ2d3d3eHh4eXl5enp6e3t7fHx8fX19fn5+f39/gICAgYGBgoKCg4ODhISEhYWFhoaGh4eHiIiIiYmJioqKi4uLjIyMjY2Njo6Oj4+PkJCQkZGRkpKSk5OTlJSUlZWVlpaWl5eXmJiYmZmZmpqam5ubnJycnZ2dnp6en5+foKCgoaGhoqKio6OjpKSkpaWlpqamp6enqKioqampqqqqq6urrKysra2trq6ur6+vsLCwsbGxsrKys7OztLS0tbW1tra2t7e3uLi4ubm5urq6u7u7vLy8vb29vr6+v7+/wMDAwcHBwsLCw8PDxMTExcXFxsbGx8fHyMjIycnJysrKy8vLzMzMzc3Nzs7Oz8/P0NDQ0dHR0tLS09PT1NTU1dXV1tbW19fX2NjY2dnZ2tra29vb3Nzc3d3d3t7e39/f4ODg4eHh4uLi4+Pj5OTk5eXl5ubm5+fn6Ojo6enp6urq6+vr7Ozs7e3t7u7u7+/v8PDw8fHx8vLy8/Pz9PT09fX19vb29/f3+Pj4+fn5+vr6+/v7/Pz8/f39/v7+////4rBdfQAAABdJREFUKM9j+I8FfGAYFR0VHWyiH7ABAA3QmnNC30lWAAAAAElFTkSuQmCC');
}

div.scheduler-block {
    z-index: 5;
    position: absolute;
    display: inline-block;
    height: 22px;
    background-color: #E5ECF9;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.scheduler-block.disabled {
    background-color: #F0F0F0!important;
}

div.scheduler-block.started {
    background-color: #FFD0D0!important;
}

/* workaround for block menu */
div.scheduler-block > div.ui-resizable-handle{
    z-index: 99;
}

div.scheduler-block.selected {
    z-index: 6;
    opacity: 0.6;
    filter:alpha(opacity=60);
}

div.scheduler-block-text {
    position: absolute;
    height: 12px;
    font-size: 0.8em;
    color: #999;
    padding: 2px 1px;
}

/* block menu */
div.scheduler-context-menu {
    border: 1px solid #d0d0d0;
    position: absolute;
    z-index: 100;
    background-color: #FFFFFF;
    display: none;
}

div.scheduler-context-menu-item {
    z-index: 100;
    margin: 1px;
    padding: 1px 4px 1px 4px;
    cursor: pointer;
}

div.scheduler-context-menu-item.selected {
    background-color: #c0c0c0;
}

/* Adjustments for jQuery UI Styling */

div.scheduler-block div.ui-resizable-handle.ui-resizable-s {
    bottom: -0;
}
.tips{
	background: #333;
	border: 2px solid #ccc;
	border-radius:5px;
	color:#fff;
	margin:20px 10%;
	padding:10px;
}
.tips h3{
	color:gold;
	font-size:2em;
	text-transform:uppercase;
}
/* WEBSITE STYLES*/
#web_nav{
	background:#333;
	padding:5px 0;
	width:calc(65% + 20px);
	margin:0 auto 20px auto;
	text-align:center;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#web_nav ul{
	
}
#web_nav ul li{
	display:inline;
	padding:0 15px;
	list-style:none;
	border-right: 3px solid #ffffff;
}
#web_nav ul li:last-child{
	border-right: none;
}
#web_nav a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}
@media screen and (max-width: 1163px) and (min-device-width: 924px) {
	#web_nav ul li{
	padding:0 10px;
}

}
@media screen and (max-width: 923px) {
	#web_nav{
		width:calc(100% - 40px);
	}
	#web_nav ul li{
	padding:0 20px;
}
}
.web_section{
	padding:0 20px;
}
#web_title h1{
	text-align:center;
	font-size:35px;
	font-family:museo slab, arial;
	line-height:65px;
	margin-bottom:0;
	color:#333;
}
#web_title h2{
	font-family:museo slab, arial;
}
#web_title2 h1, #web_title3 h1{
	font-size:35px;
	font-family:museo slab, arial;
	line-height:35px;
	margin-bottom:0;
	color:#333;
}
#web_title2 h2, .sheet h2{
	font-size:25px;
	font-family:museo slab, arial;
	line-height:25px;
	margin:20px 0;
	color:#333;
}
#web_title2 h3{
	font-size:19px;
	font-family:museo slab, arial;
	line-height:19px;
	margin-bottom:20px;
	color:#3389a7;
}
#web_title3 h2{
	font-size:25px;
	font-family:museo slab, arial;
	line-height:25px;
	margin:20px 0;
	color:#3389a7;
}
 .web_form td{
	border:none !important;
	vertical-align:middle;
	height:19px;
	color:#333;
}
.web_form input[type="text"]{
	margin-bottom:0;
}
.web_form .nicEdit-main {
background-color: #f5f5f5 !important;
border: 1px solid #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.web_form .nicEdit-panelContain{
	display:none;
}
.slide_row{
	background:#333;
	background-image:url(../images/home/wave.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	margin:20px 0;
	width:100% !important;
	position:relative;
	padding:0;
	height:350px;
	overflow:hidden;
}
.home_feature{
	padding:10px;
	height:350px;
	text-align:center;
	font-size:14px;
}
.home_feature h3{
	font-family:museo slab, arial;
	font-size:30px;
	color:#626262;
	font-weight:300;
}
.home_feature .icon{
	height:40px;
	width:40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background:#357CAA;
	text-align:center;
	padding:12px;
	margin:10px auto;
	transition: background 0.5s ease;
	font-size:35px;
	line-height:35px;
	color:#fff;
	font-family:museo slab, arial;
	font-weight: 300;
}
.feature_blocks{
	padding:10px 20px;
}
.feature_blocks td{
	list-style:none;
	font-size:14px;
	font-family:museo slab, arial;
	line-height:14px;
	border:none !important;
}
.feature_blocks tr td:first-child p, .feature_blocks tr td:nth-child(3) p{
	height:30px;
	width:30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:#357CAA;
	padding:10px;
	margin:10px auto;
	font-size:30px;
	line-height:30px;
	color:#fff;
	content:"";
}
.feature_blocks tr:nth-child(2n+2) td:first-child p, .feature_blocks tr:nth-child(2n+1) td:nth-child(3) p{
	background:#8fc929;
}
.events_blocks td, .contact_form td{
	border:none !important;
	vertical-align:middle;
}

.events_blocks h3{
	font-family:museo slab, arial;
	font-size:30px;
	color:#3389a7;
	text-align:center;
	font-weight:100;
}
.events_blocks a{
	color:#3389a7;
}
.contact_form{
	color:#333;
}
.contact_form a{
	color:#3389a7;
	font-weight:bold;
	text-decoration:none;
}
.contact_form .map{
	width:75%;
	height:310px;
	background-color:#ccc;
	padding:20px;
	margin-bottom:20px;	
}
.contact_form .map:after {
	content:"";
   position: relative;
   top: 33px;
   right: 0;
   width: 0;
   height: 0;
    border-top: 20px solid #ccc;
   border-left: 10px solid transparent; 
   border-right: 10px solid transparent; 
}
@media screen and (max-width: 923px) {
.contact_form .map{
	width:100%;
	background-color:#ccc;
	padding:20px;
}
}
.reg_block{
	width:100%;
	margin:20px auto;
}
.reg_block2{
	width:100%;
	margin:0;
}

.reg_block .reg_opt{
	width:30%;
	margin-right:3%;
	float:left;
	-webkit-box-shadow: 1px 1px 10px 0 #ddd9d9;
	box-shadow: 1px 1px 5px 0 #ccc;
	border-radius:5px;
	margin-bottom:50px;
}
.reg_block .reg_opt:nth-child(3){
	margin-right:0;
}
.reg_block .fill{
	width:100%;
	margin-right:0;
}
.reg_block .reg_opt .opt_title{
	background-color:#fff;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	padding:5px;
	text-align:center;
	height:85px;
}
.reg_block .reg_opt .opt_title h2{
	font-size:30px;
	font-family:museo slab, arial;
	font-weight:100;
	color:#616161;
	
}
.reg_block .reg_opt .opt_title span{
	font-size:15px;
}
.reg_block #inspector .opt_title span{
	color:#3389a7;
}
.reg_block #business .opt_title span{
	color:#ff4a4a;
}
.reg_block #viewer .opt_title span{
	color:#8fc929;
}
.reg_block .reg_opt .opt_features{
	background:#f0f0f0;
	padding:5px 20px;
}
.opt_features li{
	list-style:none;
	text-align:center;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:#ccc 1px solid;
	color:#616161;
}
.reg_opt .price{
	padding:30px 10px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	color:#fff;
	text-align:center
}
.price .money{
	font-size:40px;
	font-weight:bold;
}
.price .from{
	float:left;
}
.price button{
	width:100px;
	float:right;
	border: 1px solid #ccc;
	color: #616161;
	background: none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	display: inline-block;
	margin: 5px 0px;
	letter-spacing: 1px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #fff;
	box-shadow: 0 3px #616161;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-decoration:none;
	line-height:10px !important;
	text-transform:uppercase;
}
.price button:hover {
	box-shadow: 0 2px #616161;
	top: 1px;
}
.price button:active {
	box-shadow: 0 0 #616161;
	top: 3px;
}
#viewer .price{
	background-color:#333;
}
#inspector .price{
	background-color:#3389a7;
}
#business .price{
	background-color:#ff4a4a;
}
#viewer .price{
	background-color:#8fc929;
}
.sheet{
	background-color:#fff;
	border-radius:5px;
	padding:20px;
	margin-bottom:20px;
	-webkit-box-shadow: 1px 1px 10px 0 #ddd9d9;
	box-shadow: 1px 1px 5px 0 #ccc;
	color:#333;
}
.sheet td{
	border:none !important;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }


h3.warn{
	color:red;
	font-family:museo slab, arial;
}
.login-i td{
	padding:0;
	margin:0;
	font-size:10px;
}
.login-i input[type="text"],.login-i input[type="password"],.login-i input[type="time"]{
	margin:0;
	padding:2px;
}
.login-i .viewbar{
	width:auto;
}
#macbook{
	background-image:url(../images/home/mac-book.png);
	background-repeat:no-repeat;
	height:337px;
	margin-top:10px;
}
#macbook_screen{
	width: 435px;
	height: 245px;
	margin-top: 34px;
	margin-left: 106px;
	margin-right: auto;
	margin-bottom: 38px;
	color: #fff;
}
#ipad{
	background-image:url(../images/home/iPad.png);
	background-repeat:no-repeat;
	height:320px;
	margin-top:17px;
}
#ipad_screen{
	width: 190px;
	height: 250px;
	margin-top: 27px;
	margin-left: 37px;
	margin-right: 24px;
	margin-bottom: 33px;
	color:#333333;
	background-color:#fff;
	font-family:museo slab, arial;
	font-size:25px;
}
#iphone{
	background-image:url(../images/home/iphone.png);
	background-repeat:no-repeat;
	height:238px;
	margin-top:54px;
}
#iphone_screen{
	width: 96px;
	height: 169px;
	margin-top: 31px;
	margin-left: 8px;
	margin-right: auto;
	margin-bottom: 38px;
	color: #fff;
	font-family:museo slab, arial;
	font-size:15px;
}
#ipad_screen p{
	margin-top:20px;
}
#iphone_screen a{
	color:#fff;
	text-decoration:none;
}
@media handheld, only screen and (max-width: 767px) {
	#ipad{
	background-image: url(../images/home/iPad.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 320px;
	margin-top: 17px;
	}
	#ipad_screen{
		width: 190px;
		height: 250px;
		margin-top: 27px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 33px;
		color:#333333;
		background-color:#fff;
		font-family:museo slab, arial;
		font-size:25px;
		top: 27px;
		position: relative;
		left: 6px;
	}	
	#macbook{
	background-image:url(../images/home/mac-book.png);
	background-repeat:no-repeat;
	background-position: center top;
	height:337px;
	margin-top:10px;
}
#macbook_screen{
	width: 435px;
	height: 245px;
	margin-top: 34px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 38px;
	color: #fff;
	position: relative;
	top: 21px;
}
#iphone{
	background-image:url(../images/home/iphone.png);
	background-repeat:no-repeat;
	background-position: center top;
	height:238px;
	margin-top:54px;
}
#iphone_screen{
	width: 96px;
	height: 169px;
	margin-top: 31px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 38px;
	color: #fff;
	font-family:museo slab, arial;
	font-size:15px;
	position: relative;
	top: 35px;
	right: 13px;
}
}
/*------------------------------------------------------------------
LIST GROUP
*/

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #f6f6f6;
  border: 1px solid #e5e5e5;
}
.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;
  text-decoration:none;
}
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: #e5e5e5;
}
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: #35aa47;
  border-color: #35aa47;
}
a.list-group-item-success {
  color: #35aa47;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #fff;
  background-color: #35aa47;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #357ebd;
  border-color: #357ebd;
}
.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: #f8cb00;
  border-color: #f8cb00;
}
a.list-group-item-warning {
  color: #f8cb00;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #fff;
  background-color: #f8cb00;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #f8cb00;
  border-color: #f8cb00;
}
.list-group-item-danger {
  color: #a94442;
  border-color: #f2dede;
}
a.list-group-item-danger {
  color: #f13e46;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #fff;
  background-color: #f13e46;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #f13e46;
  border-color: #f13e46;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

/*** Projects Slider ***/
#slider-one { width: 95%; padding: 0!important;}
#slider-one > li { width: 120px; }
.mb-wrapper {
    margin: 0 auto 0px;
	position: relative;
	left: 0;
	top: 0;
	border-radius: 3px;
	}

/* Panel Wrapper */
.mb-slider, .mb-scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
	
	position: relative;
	left: 0;
	top: 0;
	background-color:#f7f7f7;
	margin-bottom:20px;
	/***(>'-')> Control Panel Font size here <('-'<)***/
	font-size: 14px;
}
.mb_shaddow{
	
}
/* active slider border highlight */
.mb-active-slider {
	border-color: #fff;
}

/*** Slider panel ***/
.mb-slider .mb-panel {
	margin: 0;
	padding: 20px;
	display: block;
	cursor: pointer;
	float: left;
	list-style: none;
}

/* Cursor to arrow over current panel, pointer for all others,
change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
	cursor: auto;
}

/*** Inside the panel ***/


.mb-inside * {
	max-width: 100%;
}

/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
	display: block;
	width: 45px;
	height: 45px;
	background-image: url("../images/arrows.gif");

	position: absolute;
	top: 35%;
	 /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;
	zoom: 1;
}
a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: -45px;
}
a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: -45px;
}
a.mb-scrollButtons.mb-left:hover {
	background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
	background-position: right bottom;
}
a.mb-scrollButtons.disabled {
	display: none;
}

/*** Controls added below the panels ***/
.mb-controls {
	margin: 0 auto;
	text-align: center;
	display:none;
	position: relative;
	z-index: 100;
}
.mb-controls a {
	color: #666;
	font: 14px/2.2 Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}
.mb-controls a:hover {
	color: black;
}
.mb-controls a.current {
	color: white;
}
.mb-active-slider .mb-controls {
	background: #fff;
	
}
/* This css requires Moving Boxes v2.02+ */

/* Inside slider shadow */
.mb-left-shadow, .mb-right-shadow {
	background: repeat-y scroll 0 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 10px;
}

.mb-left-shadow {
	
	left: 0;
}

.mb-right-shadow {
	
	right: 0;
}

/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
	background: url(../images/arr.png) no-repeat;
	margin: 0;
	
	/*  the margin-top below may be causing problems, so adjust the % above... */
	/*  margin-top: -29px; if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
	zoom: 1;
}
/* Moving Boxes demo CSS */

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);

.demo-title {
  text-align: center;
  color: #a71700;
  text-transform: uppercase;
  padding: 30px 0 0;
  font-size: 60px;
}

/* Navigation bar */
.main-nav { 
  display: block; 
  text-align: center; 
  border-bottom: 2px solid #a71700;
  margin: 0 0 0px 0;
  padding: 0 0 10px 0;
}

.main-nav a { 
  text-decoration: none;
  color: #3e63ec;
  font-size: 14px;
  margin: 0 0px;
}
.main-nav a:hover {
  color: black;
  border-bottom: 0px solid black;
}

/* Moving Boxes title image wrapper */
#title { 
  text-align: center; 
}
#title img { 
  border: 0; 
}

/* Panel images */
.mb-inside img { width: 100%; }

/* height of the placeholder until image completely loads - needed for
   webkit browsers, add this only if you don't want the height animation
   on startup. 326px measures the height of the current image when enlarged 
*/


/* Panel links */
.mb-inside a { color: #333; text-decoration: none; border-bottom: 1px dotted #ccc; }
.mb-inside a:hover { border-bottom: 1px solid #999; }

/* Add/remove panels buttons */
.buttons { padding: 5px 10px; text-align: center; }

/* Direct link styling */
.dlinks { 
  text-align: center;
  margin: 0 0 20px 0;
}
.dlinks * {
  vertical-align: middle;
}
#addts{

	text-decoration:none;
	font-size: 14px;
	}
.aboutuser
{
	border-bottom: 2px solid #ccc; 
}
.report_panel{
    width: 80%;
    
    overflow-y: auto;
    overflow-x: hidden;
	opacity:0;
    margin-top: -150%;
    position: absolute;
    background: #fff;
    -moz-box-shadow: -1px -1px 15px #e6e6e6;
	-webkit-box-shadow: -1px -1px 15px #e6e6e6;
	box-shadow: -1px -1px 15px #e6e6e6;
	border: #e6e6e6 solid 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    z-index: 2;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
.report_panel.report_content{
	height:100%;
	
}
.report_panel:target{
    margin-top: 20px;
    background-color: #fff;
	opacity:1;
}
.report_content{
    top: 0px;
   /* position: absolute;*/
    padding: 2%;
	width:96%;
}
.report_content h3{
    font-size: 30px;
    padding: 10px 0px 20px 0px;
    margin-top: 20px;
    color: #333;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	text-align:center;
}
/* Frame */
.frame {
	height: 250px;
	line-height: 250px;
	overflow: hidden;
}
.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 20px;
}
.frame ul li {
	float: left;
	width: 227px;
	height: 100%;
	margin: 0 1px 0 0;
	padding: 0;
	background: #eee;
	color: #333;
	text-align: center;
	cursor: pointer;
}
.frame ul li.active {
	color: #fff;
	background: #f17f7f;
}

/* Scrollbar */
.scrollbar {
	margin: 0 0 1em 0;
	height: 2px;
	background: #ccc;
	line-height: 0;
}
.scrollbar .handle {
	width: 100px;
	height: 100%;
	background: #292a33;
	cursor: pointer;
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}
.effects {
	height: 100px;
	margin-top:5px;
	line-height: 100px;
	-webkit-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
	-webkit-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
	overflow-y: show;
}
.effects ul {
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.effects ul li {
	position: relative;
	margin: 0 -20px;
	-webkit-transform: rotateY(60deg) scale(0.9);
	-ms-transform: rotateY(60deg) scale(0.9);
	transform: rotateY(60deg) scale(0.9);
	-webkit-transition: -webkit-transform 300ms ease-out;
	transition: transform 300ms ease-out;
}
.effects ul li.active {
	z-index: 10;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.effects ul li.active ~ li {
	-webkit-transform: rotateY(-60deg) scale(0.9);
	-ms-transform: rotateY(-60deg) scale(0.9);
	transform: rotateY(-60deg) scale(0.9);
}
#tiles{
	padding:0;
	list-style:none;
}
#tiles li{
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	/*width: calc(33% - 20px);*/
}
#tiles li:nth-child(2n+0){
	margin-right:0px;
}
#tiles li p{
	height:110px;
}
#tiles li h3{
	height:35px;
	overflow:hidden;
}
#tiles li img,#tilesp li img{
	max-width:100%;
	max-height:110px;
}
#tilesp li .page{
	margin:0;
}
.medium .modal-dialog{
	background:#333;
	width:915px;
}