/* fonts */
@font-face {
	font-family: 'steiner';
	src: url('/css/steiner.eot');
	src: url('/css/steiner.eot?#iefix') format('embedded-opentype'),
	     url('/css/steiner.woff') format('woff'),
	     url('/css/steiner.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 100;
	src: local('Ubuntu Light'), 
		 local('Ubuntu-Light'), 
		 url(https://fonts.gstatic.com/s/ubuntu/v9/_aijTyevf54tkVDLy-dlnFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
	font-family: 'WWFlakesRegular';
	src: url('/css/wwflakes.eot');
	src: local('☺'), url('/css/wwflakes.woff') format('woff'), url('/css/wwflakes.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.mif-1x {
	font-size:1rem;
	line-height:.75em;
	vertical-align:-35%
}
.photoslider-title {
	color:#ffa300;
	font-family: 'ubuntu';
	font-size:2em;
	font-weight:100;
	position:absolute;
	text-align:center;
	text-shadow: 0px 0px 1px #faf1e1 !important;
	text-transform: uppercase;
	top: 1.5rem;
	width:100%;
}
.photoslider-caption {
	color:#e71984;
	font-size:1.5em;
	position:absolute;
	text-align:center;
	text-shadow: 1px 1px 0px #8a1e82 !important;
	top: 3.5rem;
	width:100%;
}
.carousel .carousel-bullets {
	bottom:1rem;
}
.carousel .carousel-bullets .carousel-bullet.bullet-on {
	background-color: #e71984 !important;
}
.carousel .slide img {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}
/* elements */
body {
	font-family: 'ubuntu light', 'open sans', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color:#ffa300;
	font-family: 'ubuntu';
	font-weight:100;
	margin-top:.75rem;
}
h1 {
  font-weight: 100;
  font-size: 1.5rem;
}
h2 {
  font-weight: 100;
  font-size: 1.25rem;
}
h3 {
  font-weight: 100;
  font-size: 1.125rem;
}
h4 {
  font-weight: 100;
  font-size: 1rem;
}
a {
	color:#e71984 !important;
	font-weight:bold;
	text-decoration:none !important;
}
a:hover,
a::hover .button {
	text-decoration:underline !important;
}
iframe {
	border:0;
	padding:0;
}
.logo {
	width:auto;
	max-height:90px !important;
	margin-bottom:5px !important;
}
.breadcrumbs a {
	color:#808080 !important;
	font-weight:normal;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.breadcrumbs a:hover {
	color:#e71984 !important;
	cursor:pointer !important;
	text-decoration:none !important;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.content,
.rounded {
	border:1px solid #E0E0E0;
	border-radius: .325rem;
	color:#808080;
	line-height:1.33rem !important;
	text-align:justify;
}
.content img[style*="float:left"], 
.content img[style*="float: left"],
.content iframe[style*="float:left"], 
.content iframe[style*="float: left"] {
	margin: 10px 20px 10px 0px;
}
.content img[style*="float:right"], 
.content img[style*="float: right"],
.content iframe[style*="float:right"], 
.content iframe[style*="float: right"] {
	margin: 10px 0px 10px 20px;
}
img.lbvid.place-left {
	margin: 7px 14px 7px 0px !important;
}
img.lbvid.place-right {
	margin: 7px 0px 7px 14px !important;
}
.content p img.lbvid {
	display:table-cell;
	float:left;
	margin:0px 14px 10px 0px;
	width:216px;
	height:178px;
}
.content h1:not(:first-child) {
	margin-top:1.5em;
}
.tablecell {
	display:table-cell;
}
.mdate {
	color:#808080;
	display:inline-block;
	font-weight:normal;
	padding-right:0.25rem;
	text-align:right;
	width:2.75em;
}
li:hover .mdate {
	color:#ffffff;
}
.date {
	background-color:#ffa300;
	color:#ffffff;
	float:left;
	height:6rem;
	margin:.75em auto;
	padding:20px;
	width:6rem;
}
.date .day {
	clear:both;
	display:block;
	font-family: 'ubuntu';
	font-size:2.0em;
	font-weight:bold;
	line-height:1.5em;
	text-align:center;
	width:100%;
}
.date .month {
	clear:both;
	display:block;
	font-size:1em;
	text-align:center;
	width:100%;
}
.nothingembedded,
.nothingembedded img {
	background-position:center center;
	background-size:cover;
	border-radius: .325rem !important;
}
.lbvid,
.lbimg,
.lbvid img,
.lbimg img {
	background-position:center center;
	background-size:cover;
	border-radius: .325rem !important;
	box-shadow: 0px 0px 2px 1px #8a1e82;
	cursor:pointer;
}
.block,
.searchresult {
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.block:hover  {
	box-shadow: 0px 0px 2px 1px #e71984;
	display:block;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.block a,
.searchresult a {
	display:block;
	font-weight:normal;
}
.block a:hover,
.searchresult a:hover {
	text-decoration: none !important;
}
.block h1 a,
.searchresult h3 a {
	color:#ffa300 !important;
}
.block div  {
	display:block;
	margin-top:1.75rem !important;
}
.block div p a,
.searchresult p a {
	color:#808080 !important;
	line-height:1.33rem !important;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.block div p a:hover {
	color:#e71984 !important;
	line-height:1.33rem !important;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.footer a {
	color:#ffffff !important;
	font-weight:normal;
}
.emailform {
	width: 80% !important;
	margin:0px 0px 1px 0px !important;
}
.label {
	color:#ffa300 !important;
	font-weight:bold;
}
.informer {
	color:#808080 !important;
	font-weight:100;
}
.checkbox {
	display:table-row;
}
.checkbox .check,
.checkbox .caption {
	display:table-cell;
	padding-left:10px;
}
.calendar-header a {
	color:#ffffff !important;
}
.calendar-header a:hover {
	text-decoration:none !important;
}
.calendar-row a {
	font-weight:normal;
}
.calendar-row a:hover {
	color:#ffffff !important;
	text-decoration:none !important;
}
.calendar-row .today a,
.calendar-row .selected a,
.calendar-row .exclude a {
	color:#ffffff !important;
	font-weight:bold;
}
.calendar-row .exclude,
.calendar-row .exclude a {
	background-color:#808080 !important;
}
.copyright {
	background-color:#8a1e82;
	color:#ffffff;
	line-height:1.5em;
}
.copyright a {
	color:#ffa300 !important;
}
.nivo-lightbox-overlay {
	background-color: rgba(0, 0, 0, 0.7) !important;
}
.nivo-lightbox-image img {
	border-radius: .325rem !important;
	border:10px solid #ffffff !important;
}
.nivo-lightbox-prev,
.nivo-lightbox-next,
.nivo-lightbox-close {
	color:#ffffff !important;
    font-family: 'metro';
}
.nivo-lightbox-prev:before {
	content: "\e697";
    font-size: 3em;
}
.nivo-lightbox-next:before {
	content: "\e69b";
    font-size: 3em;
}
.nivo-lightbox-close:before {
	content: "\ea0f";
    font-size: 1.5em;
}
.nivo-lightbox-prev:hover,
.nivo-lightbox-next:hover,
.nivo-lightbox-close:hover {
	text-decoration:none !important;
}
/* scroll to top thingy */
.cd-top {
	color:#8a1e82;
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right:40px;
	z-index: 10;
	/* image replacement properties */
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .25s 0s, visibility 0s .25s;
	-moz-transition: opacity .25s 0s, visibility 0s .25s;
	transition: opacity .25s 0s, visibility 0s .25s;
}
.cd-top.cd-is-visible, .cd-top:hover {
	-webkit-transition: opacity .25s 0s, visibility 0s 0s;
	-moz-transition: opacity .25s 0s, visibility 0s 0s;
	transition: opacity .25s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	visibility: visible;
	opacity: .5;
}
.cd-top:hover {
	opacity: 1;
}
#searchform {
	display:none;
}
#searchinput {
	width:7em;
	outline-color:#e71984;
}
#searchsubmit {
	border:none;
	background-color:#ffffff;
}
#searchinput:hover {
	background-color:#ffffff !important;
	border-radius:0 !important;
	box-shadow: none !important;
	color:#808080 !important;
	outline-color:#e71984;
}
#map_canvas {
	height:45em;
}

@media only screen
and (max-width : 640px) {
	.logo,
	.sc-form-login {
		max-width:45% !important;
	}
}
/** smartphone **/
@media only screen
and (max-width : 767px) {
	.photoslider-title {
		font-size:1.25em;
	}
	.photoslider-caption {
		font-size:.825em;
		top: 4em;
	}
	.footer {
		font-size:1.25em;
		line-height:1.5em;
	}
}
/* colors */
.bg-focuspurple {
	background-color:#8a1e82;
}
.bg-gastvrij {
  background-color: #ffa300 !important;
}
.fg-gastvrij {
  color: #ffa300 !important;
}
.bd-gastvrij {
  border-color: #ffa300 !important;
}
.ol-gastvrij {
  outline-color: #ffa300 !important;
}
.op-gastvrij {
  background-color: rgba(255, 163, 0, 0.7);
}
.ribbed-gastvrij {
  background: #ffa300 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-gastvrij:before {
  background: #ffa300 !important;
}
.before-fg-gastvrij:before {
  color: #ffa300 !important;
}
.after-bg-gastvrij:after {
  background: #ffa300 !important;
}
.after-fg-gastvrij:after {
  color: #ffa300 !important;
}
.bg-hover-gastvrij:hover {
  background: #ffa300 !important;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.bg-active-gastvrij:active {
  background: #ffa300 !important;
}
.bg-focus-gastvrij:focus {
  background: #ffa300 !important;
}
.fg-hover-gastvrij:hover {
  color: #ffa300 !important;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.fg-active-gastvrij:active {
  color: #ffa300 !important;
}
.fg-focus-gastvrij:focus {
  color: #ffa300 !important;
}
.fg-last-gastvrij:last-child {
  color: #ffa300 !important;
}
.block-shadow-gastvrij {
  box-shadow: 1px 1px 3px 0px #cc8500;
}
.block-shadow-hover-gastvrij:hover {
  box-shadow: 1px 1px 3px 0px #e71984;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.text-shadow-gastvrij {
}
.text-shadow-hover-gastvrij:hover {
  text-shadow: 0px 0px 6px #e71984;
  text-decoration:none !important;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

/* schemes */
.app-bar {
  font-family: 'ubuntu';
  font-weight: 100;
  text-transform:uppercase;
  width:100%;
}
.app-bar .app-bar-element,
.app-bar .app-bar-pullbutton {
  color:#808080 !important;
}
.app-bar .app-bar-element.search {
  font-weight:100;
}
.app-bar .app-bar-menu > li {
  margin-right:0.325rem !important;
}
.app-bar .app-bar-menu > li > a,
.app-bar a {
  color:#808080 !important;
}
.app-bar .app-bar-menu > li.active > a {
  background-color: #ffa300 !important;
  border-radius: .325rem !important;
  color:#ffffff !important;
}
.app-bar .app-bar-menu > li.app-bar-pullmenu-entry {
  margin-right:0 !important;
}
.app-bar .app-bar-menu > li.active.app-bar-pullmenu-entry > a {
  border-radius: 0 !important;
}
.app-bar .app-bar-element:hover,
.app-bar .app-bar-menu > li:hover,
.app-bar .app-bar-menu > li > a:hover,
.app-bar .app-bar-element:active,
.app-bar .app-bar-pullbutton:hover,
.app-bar .app-bar-pullbutton:active {
  background-color: #faa300 !important;
  border-radius: .325rem !important;
  box-shadow: 1px 1px 3px 0px #cc8500 !important;
  color:#ffffff !important;
  text-decoration:none !important;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.app-bar-element:hover a {
  color:#ffffff !important;
}
.app-bar .app-bar-divider {
  background-color: #ffb300 !important;
}
.app-bar .app-bar-element .d-menu,
.app-bar .app-bar-menu > li .d-menu {
  background-color: #ffffff;
  border-color: transparent;
  border-top: 1px solid #ffb300;
  box-shadow: 1px 1px 3px 0px #cc8500 !important;
}
.app-bar .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar .app-bar-element .d-menu li > a,
.app-bar .app-bar-menu > li .d-menu li > a {
  background-color: #ffffff;
  color: #ffa300;
}
.app-bar .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar .app-bar-element .d-menu li > a:hover,
.app-bar .app-bar-menu > li .d-menu li > a:hover {
  background-color: #996100;
  color: #ffffff;
}
.app-bar .app-bar-element .d-menu li:hover > a,
.app-bar .app-bar-menu > li .d-menu li:hover > a {
  background-color: #996100;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.app-bar .app-bar-element .d-menu .divider,
.app-bar .app-bar-menu > li .d-menu .divider {
  background-color: #ffb300;
}
.app-bar .app-bar-element .d-menu .divider:hover,
.app-bar .app-bar-menu > li .d-menu .divider:hover {
  background-color: #ffb300;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.app-bar .app-bar-element .dropdown-toggle:before,
.app-bar .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.app-bar .app-bar-element.disabled,
.app-bar .app-bar-menu li.disabled,
.app-bar .app-bar-element:disabled,
.app-bar .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar .app-bar-element.disabled a,
.app-bar .app-bar-menu li.disabled a,
.app-bar .app-bar-element:disabled a,
.app-bar .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar .app-bar-pullbutton:hover {
  background-color: #996100;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.app-bar .app-bar-drop-container {
  border: 2px solid #ffa300;
  background-color: #ffa300;
  color: #ffffff;
}
.app-bar .app-bar-drop-container:before {
  background-color: #ffa300;
  border-color: #ffa300;
}
.app-bar .app-bar-drop-container.bg-white:before {
	background-color:#ffffff;
}
.app-bar .app-bar-pullmenu .app-bar-menu {
  background-color: #ffffff;
  border-top: 1px solid #ffb300;
  box-shadow: 1px 1px 3px 0px #cc8500 !important;
}
.app-bar .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #faa300 !important;
  border-radius: 0 !important;
  box-shadow: 1px 1px 3px 0px #cc8500 !important;
  color:#ffffff !important;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.app-bar .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #faa300 !important;
  border-radius: 0 !important;
  box-shadow: 1px 1px 3px 0px #cc8500 !important;
  color:#ffffff !important;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.v-menu.gastvrij,
.d-menu.gastvrij {
  background: #ffffff;
  max-width: 100%;
  overflow:hidden;
 }
.v-menu.gastvrij li > a,
.d-menu.gastvrij li > a {
  background: #ffffff;
  color: #808080;
}
.v-menu.gastvrij li > a .icon,
.d-menu.gastvrij li > a .icon {
  color: #cccccc;
}
.v-menu.gastvrij li > a:hover,
.d-menu.gastvrij li > a:hover {
  background: #ffa300;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.v-menu.gastvrij li > a:active,
.d-menu.gastvrij li > a:active {
}
.v-menu.gastvrij li > a:hover .icon,
.d-menu.gastvrij li > a:hover .icon {
  color: #ffffff;
}
.v-menu.gastvrij li > .item-block,
.d-menu.gastvrij li > .item-block {
}
.v-menu.gastvrij li.disabled > a,
.d-menu.gastvrij li.disabled > a {
  background: #ffa300;
  color: #555555;
}
.v-menu.gastvrij li > a.dropdown-toggle:before,
.d-menu.gastvrij li > a.dropdown-toggle:before {
  border-color: #ffffff;
}
.v-menu.gastvrij li.menu-title,
.d-menu.gastvrij li.menu-title {
  background: #faa300;
  color: #cccccc;
}
.v-menu.gastvrij li.divider,
.d-menu.gastvrij li.divider {
  background: #616162;
}

/* Proefles and inschrijf form */
.calendar .calendar-header,
.calendar .selected, 
.calendar .selected a {
	background-color:#faa300;
	text-decoration:none;
}
.calendar .calendar-header a:hover,
.calendar .day a:hover, 
.calendar .month a:hover, 
.calendar .year a:hover {
	background-color:#ffa300;
	text-decoration:none;
}
.calendar .exclude, 
.calendar .exclude:hover, 
.calendar .exclude a,
.calendar .exclude a:hover {
	background-color:#cccccc;
}
.calendar .today.exclude, 
.calendar .today.exclude:hover, 
.calendar .today.exclude a,
.calendar .today.exclude a:hover {
	background-color:#60a917 !important;
}
/* tab control */
.tabcontrol>.tabs {
	border-bottom:2px solid #faa300;
}
.tabcontrol>.tabs li a {
	border-top-left-radius: .325rem;
    border-top-right-radius: .325rem;
	color:#666666;
	font-size:1rem;
	text-transform:none;
}

.tabcontrol>.tabs li:not(.active) a:hover {
	color:#faa300;
}
.tabcontrol>.tabs li a:hover {
	text-decoration:none;
}
.tabcontrol>.tabs li.active,
.tabcontrol>.tabs li.active a {
	background-color:#faa300;
	border-top-left-radius: .325rem;
    border-top-right-radius: .325rem;
	color:#ffffff !important;
}
.tabcontrol>.frames .frame {
	background-color:#ffffff;
	border:1px solid #faa300;
	border-bottom-left-radius: .325rem;
    border-bottom-right-radius: .325rem;
}
/* inputs */
input[type=button].disabled, 
input[type=button]:disabled,
input[type=submit].disabled, 
input[type=submit]:disabled {
	background-color:#eaeaea !important;
	color:#bebebe !important;
}
.input-control.modern input.error {
	border-color:#ce352c !important;
}
.input-control.modern input.success {
	border-color:#008a00 !important;
}
/* general styling */
.bg-transparent {
	background-color:transparent !important;
}
.sc-nodisplay {
	display:none;
}
.sc-nowrap {
	white-space:nowrap !important;
}
.sc-place-right {
	float:right;
}
.sc-fullsize {
	width:100% !important;
}
tbody .sc-place-right {
	padding-top:.333rem !important;
	padding-left:.333rem !important;
}
tfoot .sc-place-right {
	color:#52677a !important;
	font-weight:bold;
}
.sc-green {
	color:#008a00 !important;
}
.sc-red {
	color:#ce352c !important;
}
.sc-padding10 {
	padding:10px !important;
}
.sc-padding20 {
	padding:20px !important;
}
.sc-nopadding {
	padding:0 !important;
}
.sc-nopadding-left {
	padding-left:0 !important;
}
.sc-nopadding-right {
	padding-right:0 !important;
}
.sc-nomargin {
	margin:0 !important;
}
.sc-nomargin-left {
	margin-left:0 !important;
}
.sc-nomargin-right {
	margin-right:0 !important;
}
.sc-note {
	font-size: .875rem;
	font-style:italic;
	line-height: .875em;
}
.sc-content p,
.sc-content table {
 	color:#808080 !important;
}
.sc-list {
	width:100%;
}
* {
	border-collapse: collapse;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
td {
	vertical-align:top;
}
span {
	line-height:1em;
}
span.sc-span-login {
	line-height:2.5rem;
	vertical-align:middle;
}
.sc-icon {
	font-size:1.5rem;
	padding:0.5rem;
}

/* divs */ 
div.sc-form-login {
	display:inline-block;
	float:right;
	margin-right:1em;
	max-width:300px;
}
div.sc-main {
	clear:both;
	display:block;
	margin:2rem 0rem 2rem 0rem;
	padding:0;
	width:100%;
}
div.sc-content {
	display:inline-block;
	float:left;
	margin:0;
	padding: .75rem 1.5rem .75rem 1.5rem;
}
div.sc-bordered {
	border:1px solid #E0E0E0;
	border-radius:3px;
	margin: .75rem 0rem .75rem 0rem;
}

/* menu buttons */
.sc-menu, 
.sc-menu-active {
	border-radius:3px;
	color: #808080;
	float:right;
	font-family: 'Abril Fatface', trebuchet ms, arial, verdana;
	font-size: 1.2em;
	font-weight: 100;
	letter-spacing:0.5px;
	margin: 10px 0px 5px 6px;
	padding: 10px 9px 5px 9px;
	text-decoration: none !important;
	text-rendering: optimizeLegibility;
	font-kerning: normal;
	font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.sc-menu-active {
	background-color: #faa300;
	color:#ffffff;
	text-decoration: none !important;
}

.sc-menu:hover, 
.sc-menu-active:hover {
	background-color: #faa300;
	color:#ffffff;
}

/* other buttons */
.sc-button {
	border:none;
	border-radius:3px;
	cursor: pointer;
	font-size: .875rem;
	height: 2.5rem !important;
	margin:.25rem;
	outline: none;
	padding:.25rem;
	text-align: center;
	vertical-align: middle;
	width:auto;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.sc-button:hover {
}
.sc-button-active {
}
.sc-button[disabled] {
	background-color: #999999 !important;
	cursor:default;
}
.sc-confbutton {
	border-radius:0 !important;
	padding:1rem 1.5rem 2rem 1.5rem !important;
	width:auto !important;
}
.sc-square,
.sc-square:hover {
	border-radius:0;
	font-size:1rem !important;
	font-weight:100;
	height:1rem !important;
	margin:0;
	padding:0;
	width:1rem !important;
}

/* navigation */
.sc-nav {
	background:#ffffff;
	display:inline-block;
	float:left;
	list-style:none; 
	margin:0;
	padding:.5rem 0rem 0rem 0rem;
	position:relative;
	text-align:left;
}
.sc-nav li {
	border-radius:3px;
	display:block;
	margin:.25rem;
	position:relative;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.sc-nav li a {
	color: #808080 !important;
	display:block;
	font-size: .875rem;
	padding: .75rem 1.5rem .75rem 1.5rem;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.sc-nav li.active > a {
	background-color: #faa300;
	border-radius:3px;
	color:#ffffff !important;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.sc-nav li:hover {
	background-color: #faa300;
	color:#ffffff !important;
}
.sc-nav li:hover > a {
	color: #ffffff !important;
}

/* input elements */ 

.sc-input,
.sc-input-login {
	background:#ffffff;
	border:1px solid #faa300;
	border-radius:3px;
	font-size:.667rem;
	height:1.25rem !important;
	margin: .25rem !important;
	padding: .25rem !important;
	width:auto;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
select.sc-input {
	border:1px solid #bebebe;
}
textarea.sc-input {
	height:10rem !important;
}

.sc-input:hover, 
.sc-input:focus, 
.sc-input-login:hover, 
.sc-input-login:focus {
	background:#ffffff;
	border-color:#faa300;
	outline:0;
}

.sc-input-login[type=submit], 
.sc-input-login[type=button] {
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.sc-input-login:hover[type=submit], 
.sc-input-login:hover[type=button] {
	border-color:#faf6ed;
}

.sc-input-login {
	border-radius:0;
	margin:2px 0 !important;
	padding:.25rem !important;
}
.sc-input.sc-fullsize {
	width:99% !important;
}
.sc-input.sc-largesize {
	margin-left:0rem !important;
	margin-right:0rem !important;
	width:20rem !important;
}
.sc-input.sc-mediumsize,
.sc-input-login.sc-mediumsize,
.sc-input.sc-mediumsize2 {
	margin-left:0rem !important;
	margin-right:0.5rem !important;
	width:12.5rem !important;
}
.sc-input-login.sc-mediumsize {
	margin-left:0.25rem !important;
}
.sc-input.sc-mediumsize2 {
	margin-right:0.5rem !important;
}
.sc-input.sc-smallsize,
.sc-input.sc-smallsize2 {
	margin-left:0rem !important;
	margin-right:0.5rem !important;
	width:7rem !important;
}
.sc-input.sc-smallsize2 {
	margin-right:0rem !important;
}
.sc-logout {
	border-radius:.325rem !important;
	font-size:1rem;
	line-height:1rem;
	padding: 0.75rem .75rem 1.5rem .75rem !important;
}

/* tables */
.sc-table {
  width: 100%;
  margin: .625rem 0;
}
.sc-table th,
.sc-table td {
  padding: 0.5rem;
}
.sc-table thead {
  border-bottom: 4px solid #999999;
}
.sc-table thead th,
.sc-table thead td {
  cursor: default;
  color: #52677a;
  border-color: transparent;
  text-align: left;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.sc-table tfoot {
  border-top: 4px solid #999999;
}
.sc-table tfoot th,
.sc-table tfoot td {
  cursor: default;
  color: #52677a;
  border-color: transparent;
  text-align: left;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.sc-table tbody td {
  padding: 1rem 1rem;
  vertical-align:middle;
  
}
.sc-table .sortable-column {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sc-table .sortable-column:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  left: 100%;
  margin-left: -20px;
  top: 50%;
  margin-top: -0.5rem;
  color: inherit;
  font-size: 1rem;
  line-height: 1;
}
.sc-table .sortable-column.sort-asc,
.sc-table .sortable-column.sort-desc {
  background-color: #eeeeee;
}
.sc-table .sortable-column.sort-asc:after,
.sc-table .sortable-column.sort-desc:after {
  color: #1d1d1d;
}
.sc-table .sortable-column.sort-asc:after {
  content: "\2191";
}
.sc-table .sortable-column.sort-desc:after {
  content: "\2193";
}
.sc-table.sortable-markers-on-left .sortable-column {
  padding-left: 30px;
}
.sc-table.sortable-markers-on-left .sortable-column:before,
.sc-table.sortable-markers-on-left .sortable-column:after {
  left: 0;
  margin-left: 10px;
}
.sc-table tr.selected td {
  background-color: rgba(28, 183, 236, 0.1);
}
.sc-table td.selected {
  background-color: rgba(28, 183, 236, 0.3);
}
.sc-table.striped tbody tr:nth-child(odd) {
  background: #eeeeee;
}
.sc-table.hovered tbody tr:hover {
  background-color: rgba(28, 183, 236, 0.1);
}
.sc-table.cell-hovered tbody td:hover {
  background-color: rgba(28, 183, 236, 0.3);
}
.sc-table.border {
  border: 1px #999999 solid;
}
.sc-table.bordered th,
.sc-table.bordered td {
  border: 1px #999999 solid;
}
.sc-table.bordered thead tr:first-child th,
.sc-table.bordered thead tr:first-child td {
  border-top: none;
}
.sc-table.bordered thead tr:first-child th:first-child,
.sc-table.bordered thead tr:first-child td:first-child {
  border-left: none;
}
.sc-table.bordered thead tr:first-child th:last-child,
.sc-table.bordered thead tr:first-child td:last-child {
  border-right: none;
}
.sc-table.bordered tbody tr:first-child td {
  border-top: none;
}
.sc-table.bordered tbody tr td:first-child {
  border-left: none;
}
.sc-table.bordered tbody tr td:last-child {
  border-right: none;
}
.sc-table.bordered tbody tr:last-child td {
  border-bottom: none;
}
.sc-table .condensed th,
.sc-table .condensed td {
  padding: .3125rem;
}
.sc-table .super-condensed th,
.sc-table .super-condensed td {
  padding: .125rem;
}
.sc-table tbody tr.error {
  background-color: #ce352c;
  color: #ffffff;
}
.sc-table tbody tr.error:hover {
  background-color: #da5a53;
}
.sc-table tbody tr.warning {
  background-color: #fa6800;
  color: #ffffff;
}
.sc-table tbody tr.warning:hover {
  background-color: #c29008;
}
.sc-table tbody tr.success {
  background-color: #60a917;
  color: #ffffff;
}
.sc-table tbody tr.success:hover {
  background-color: #7ad61d;
}
.sc-table tbody tr.info {
  background-color: #e71984;
  color: #ffffff;
}
.sc-table tbody tr.info:hover {
  background-color: #59cde2;
}

/* notifications */
.sc-notify-container {
  position: fixed;
  top: 0;
  right: 0;
  width: auto;
  z-index: 1061;
}
.sc-notify-container:before,
.sc-notify-container:after {
  display: table;
  content: "";
}
.sc-notify-container:after {
  clear: both;
}
.sc-notify {
  display: block;
  margin: .3125rem;
  padding: .625rem;
  min-width: 200px;
  cursor: default;
  max-width: 300px;
}
.sc-notify .sc-notify-icon {
  color:#ffffff;
  width: 32px;
  height: 32px;
  font-size: 32px;
  text-align: center;
  position: absolute;
  margin: -16px 10px;
  top: 50%;
  left: 0;
}
.sc-notify .sc-notify-icon ~ .sc-notify-title,
.sc-notify .sc-notify-icon ~ .sc-notify-text {
  position: relative;
  margin-left: 42px;
}
.sc-notify .sc-notify-title,
.sc-notify .sc-notify-text {
  color:#ffffff;
  display: block;
  margin-right: 20px;
  max-width:240px;
  white-space:normal;
}
.sc-notify .sc-notify-title {
  font-weight: bold !important;
  font-size: 1rem;
}
.sc-notify .sc-notify-text {
  font-size: .875rem;
}
.sc-notify .sc-notify-closer {
  position: absolute;
  height: 1rem;
  width: 1.5rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 100;
  padding: 0 0 .625rem 0;
  z-index: 3;
  outline: none;
  cursor: pointer;
  background-color: #ffffff;
  color: #777777;
  top: .65rem;
  right: .5rem;
}
.sc-notify .sc-notify-closer:after {
  border-color: #777777;
  font-family: metro, serif;
  font-weight:100;
  content: '\ea0f';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.475rem;
  margin-left: -0.475rem;
}
.sc-notify .sc-notify-closer:hover {
  background-color: #cde6f7;
  color: #ffffff;
}
.sc-notify .sc-notify-closer:active {
  background-color: #92c0e0;
  color: #ffffff;
}
.sc-notify {
  background-color: #e5f3fb;
  color: #1d1d1d;
}
.sc-notify.success {
  background-color: #60a917;
  color: #ffffff;
}
.sc-notify.success .sc-notify-closer {
  background-color: #60a917;
  color: #ffffff;
}
.sc-notify.success .sc-notify-closer:hover {
  background-color: #7ad61d;
}
.sc-notify.success .sc-notify-closer:active {
  background-color: #128023;
}
.sc-notify.alert {
  background-color: #ce352c;
  color: #ffffff;
}
.sc-notify.alert .sc-notify-closer {
  background-color: #ce352c;
  color: #ffffff;
}
.sc-notify.alert .sc-notify-closer:hover {
  background-color: #da5a53;
}
.sc-notify.alert .sc-notify-closer:active {
  background-color: #9a1616;
}
.sc-notify.warning {
  background-color: #fa6800;
  color: #ffffff;
}
.sc-notify.warning .sc-notify-closer {
  background-color: #fa6800;
  color: #ffffff;
}
.sc-notify.warning .sc-notify-closer:hover {
  background-color: #c29008;
}
.sc-notify.warning .sc-notify-closer:active {
  background-color: #bf5a15;
}
.sc-notify.info {
  background-color: #e71984;
  color: #ffffff;
}
.sc-notify.info .sc-notify-closer {
  background-color: #e71984;
  color: #ffffff;
}
.sc-notify.info .sc-notify-closer:hover {
  background-color: #59cde2;
}
.sc-notify.info .sc-notify-closer:active {
  background-color: #1b6eae;
}

/* dialogs */
.sc-dialog-overlay {
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 100%;
  min-width: 100%;
  z-index: 1049;
}
.sc-dialog {
  position: fixed;
  display: block;
  width: auto;
  height: auto;
  float: left;
  background-color: #ffffff;
  color: #1d1d1d;
  z-index: 1050;
}
.sc-dialog .sc-dialog-close-button {
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  min-height: 1.5rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 100;
  padding: .125rem 0 .625rem 0;
  z-index: 3;
  outline: none;
  cursor: pointer;
  background-color: #ffffff;
  color: #777777;
  top: .25rem;
  right: .25rem;
}
.sc-dialog .sc-dialog-close-button:hover {
  background-color: #cde6f7;
  color: #2a8dd4;
}
.sc-dialog .sc-dialog-close-button:hover:after {
  border-color: #2a8dd4;
}
.sc-dialog .sc-dialog-close-button:active {
  background-color: #92c0e0;
  color: #ffffff;
}
.sc-dialog .sc-dialog-close-button:after {
  border-color: #777777;
  content: '\D7';
  line-height: 1;
}
.sc-dialog.success {
  background-color: #60a917;
  color: #ffffff;
}
.sc-dialog.success .sc-dialog-close-button {
  background-color: #7ad61d;
  color: #ffffff;
}
.sc-dialog.success .sc-dialog-close-button:active {
  background-color: #128023;
}
.sc-dialog.warning {
  background-color: #fa6800;
  color: #ffffff;
}
.sc-dialog.warning .sc-dialog-close-button {
  background-color: #c29008;
  color: #ffffff;
}
.sc-dialog.warning .sc-dialog-close-button:active {
  background-color: #bf5a15;
}
.sc-dialog.alert {
  background-color: #ce352c;
  color: #ffffff;
}
.sc-dialog.alert .sc-dialog-close-button {
  background-color: #da5a53;
  color: #ffffff;
}
.sc-dialog.alert .sc-dialog-close-button:active {
  background-color: #9a1616;
}
.sc-dialog.info {
  background-color: #e71984;
  color: #ffffff;
}
.sc-dialog.info .sc-dialog-close-button {
  background-color: #59cde2;
  color: #ffffff;
}
.sc-dialog.info .sc-dialog-close-button:active {
  background-color: #1b6eae;
}

/* lightbox dialog */
#lightbox {
	border:1rem solid #ffffff;
	border-radius:.325rem;
	cursor:pointer;
	display:block;
	opacity:0;
	z-index:1500;
}

.lbprev:before,
.lbnext:before,
.lbclose:before {
	color:#ffffff;
	cursor:pointer;
	font-family: 'metro';
	font-size:3rem;
	position:fixed;
	z-index:2000;
}
.lbprev:before {
	content: "\ea40";
	left:1rem;
	top:calc(50% - 1.5rem);
}
.lbnext:before {
	content: "\ea3c";
	right:1rem;
	top:calc(50% - 1.5rem);
}
.lbclose:before {
	content: "\ea0f";
	font-size:2rem;
	right:1rem;
	top:1.5rem;
}
iframe {
	border:0;
	padding:0;
}
/* hints */
.sc-hint {
  position: fixed;
  color: #1d1d1d;
  padding: 10px;
  font-size: 12px;
  width: auto;
  max-width: 220px;
  margin-top: 10px;
  z-index: 1030;
  display: none;
  border: 1px #eee solid;
}
.sc-hint .sc-hint-title,
.sc-hint .sc-hint-text {
  color: inherit;
  text-align: left;
}
.sc-hint .sc-hint-title {
  font-size: 1.2em;
  font-weight: bold;
}
.sc-hint:before {
  content: '';
  position: absolute;
  background-color: inherit;
  width: 10px;
  height: 10px;
  border: 1px #eee solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sc-hint:before {
  z-index: 2;
}
.sc-hint.bottom:before {
  top: 1px;
  left: 5px;
  margin: -7px 0;
  border-bottom: none;
  border-right: none;
}
.sc-hint.top:before {
  top: 100%;
  margin-top: -5px;
  left: 5px;
  border-top: none;
  border-left: none;
}
.sc-hint.left:before {
  top: 5px;
  left: 100%;
  margin-left: -5px;
  border-bottom: none;
  border-left: none;
}
.sc-hint.right:before {
  top: 5px;
  left: -9px;
  margin: 1px 0 0 3px;
  border-top: none;
  border-right: none;
}

/** smartphone **/
@media only screen
and (max-width : 767px) {
	#sc-confdlg,
	.sc-dialog  {
		width:auto;
		min-width: 300px;
		max-width: 720px;
	}
	div.sc-content {
		width:100%;
	}
	.sc-nav {
		width:100%;
	}
	.sc-nophone {
		display:none !important;
	}
}

/** tablet (portrait and landscape) **/
@media only screen
and (min-width : 768px)
and (max-width : 1079px) {
	#sc-confdlg,
	.sc-dialog {
		width:auto;
		min-width: 300px;
		max-width: 1020px;
	}
	div.sc-content {
		width:75%;
	}
	.sc-nav {
		width:25%;
	}
	.sc-notablet {
		display:none !important;
	}
}

/** desktop **/
@media only screen
and (min-width : 1080px) {
	#sc-confdlg,
	.sc-dialog  {
		width:auto;
		min-width: 300px;
		max-width: 1060px;
	}
	div.sc-content {
		width:75%;
	}
	.sc-nav {
		width:25%;
	}
	.sc-nopc {
		display:none !important;
	}
}

/** Firefox hack **/
@-moz-document url-prefix() { 
  .input-control.modern input {
     padding-bottom:1px;
  }
}