/* BASE TYPO */
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 999px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}

.btn-default.focus, .btn-default:focus {
    background-color: inherit;
}

.btn-default:hover{
    background-color: #f0f0f0;
}

.btn-default.active:focus{
    background-color: #e6e6e6;
}

.btn-default.active:hover{
    background-color: #ccc;
}

input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

td>input[type=text] {
	width:100%;
	height:100%;
}

td,th {
	padding:0.5em;
}

img {
	max-width:100%;
}

.mce-tinymce .mce-first {
	border-radius:4px 4px 0 0;
}

.mce-tinymce .mce-last {
	border-radius:0 0 4px 4px;
	border-color:#ccc
}

.mce-tinymce iframe {
	border-radius:0 0 4px 4px;
}

.mce-tinymce.mce-container {
	border:1px solid #ccc;
	border-radius:4px;
}
.mce-tinymce iframe:focus {
	border:1px solid red;
	border-radius:4px;
}
.rec, .item_sum_price, .sum_price, .sum_buy, .sum_VAT, .sum_priceVAT {text-align:right;}

/* FORMS */
.longlbl label, label.longlbl {width:200px; }
.longinp input, input.long {width:305px; }
.longbtn {width:70%; padding:0px; margin:20px auto; display:block}
#content_e textarea {height:49em;width:100%}
.table_compact td, .table_compact th {padding:0.25em}
#targets, #size, #over {display:none;}

/* SPECIAL PARAGRAPHS */
.imgr, .imgr span {position: relative; display: block; padding: 0; left: 0; top: 0; overflow: hidden;}
.imgr span {position: absolute;}

.contentheader {
  position:absolute; top:8px; right:50px; z-index:2; padding:0px; margin:0px; width:458px; line-height:26px;
  text-align:right; text-transform:uppercase; font-weight:100; font-size:26px; font-family: impact, "techno ce", sans-serif;
  color:#666; background-color:transparent;}
#footer {text-align:center; clear:both; font-size: 0.857em; line-height:1.5;}
.art-menu {position:absolute; right:1em}

.img_left_thumb, .img_left, .img_right_thumb, .img_right {margin:5px -15px 10px -15px}
.img_fullwidth {width:100%; margin-bottom:10px;}
.thumbnail {margin-bottom:10px; background-color:#e8e8e8; text-align:center; text-decoration:none; font-weight:100}
a .thumbnail:hover {border-color:#337ab7;}
.img_left p, .img_right p, .img_fullwidth p, .img_left_thumb p, .img_right_thumb p  {margin:0px; font-style:italic; font-size:90%; text-align:center; padding:5px 0}
.img_fullwidth img {width:100%; display:block; margin:0}
.thumbnail img {width:100%; display:block; margin:0}
.carousel img {width:100%; display:block; margin:0}
/* fade on slider */
/*
inspired from http://codepen.io/Rowno/pen/Afykb 
http://stackoverflow.com/questions/26770055/bootstrap-carousel-fade-no-longer-working-with-maxcdn-3-3-bootstrap-min-css
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
//----------------

html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}

.img_left_thumb, .img_right_thumb {width:auto; padding-bottom:0px}
.img_left_thumb img, .img_right_thumb img {width:auto}
.img_left_thumb p, .img_right_thumb p {font-size:80%; line-height:1em}
.img_left_thumb span, .img_right_thumb span {display:block}
.zoom, .img_left img.zoom, .img_right img.zoom  {position:absolute; top:5px; right:5px; background-image:url('ics/overlay.png'); padding:5px; width:22px; height:22px}

.absolute_left {position:absolute; left:20px; margin:0px}
.absolute_right {position:absolute; right:20px; margin:0px}
.w250 {width:250px}
.narrow {margin:0px 0px 20px 0px; padding:0px; border-style:none}

.compact, .compact th, .compact td {padding:.2em; font-size:90%}
.no_border, .no_border th, .no_border td {border:0px}
.gallery {}
.random-photo {}
.random-photo img {padding:5px 5px 0 0}
.directory, .music {width:auto; height:auto; margin:5px 0px; xborder:1px solid #f90}
.list_samples {}
.list_samples div {}
.list_samples div h2 {}
.list_samples div p {}
.list_gallery {}
.cleaner, .sample_end, .style, .settings, .page, .time  {clear:both;}
.calendar_month_simple {border:1px solid #999999;}
.calendar_month_simple td {
	border:1px solid #999999;
	padding:5px;
	width:120px;
	text-align:center;
	padding:0.1em 0.5em;
}
.calendar_month {border:1px solid #999999;}
.calendar_month td {
	border:1px solid #999999;
	padding:5px;
	text-align:center;
	padding:0.1em 0.5em;
}
.calendar_month_weeks {border:1px solid #999999;}
.calendar_month_weeks td {
	border:1px solid #999999;
	padding:5px;
	width:120px;
	vertical-align:top;
	height:80px;
}
.cal_wday6,  .cal_wday7 {
	background-color:#eee
}
.cal_events{
	background-color:#fcc
}
.cal_header {
	background:#CCCCCC none repeat scroll 0 0;
	border:1px solid #999999;
	font-weight:bold;
	padding:5px;
	text-align:center;
	width:120px;
}
.cal_header td {
	height:auto;
}
.calendar_month .cal_mday {
	text-align:left;
	text-transform:capitalize;
}
.calendar_month_weeks {
	font-size:70%;
}

.calendar_month_weeks .cal_mday {
	background:#999999 none repeat scroll 0 0;
	color:#FFFFFF;
	float:right;
	font-weight:bold;
	margin:-5px -5px 0 0;
	padding:5px;
	text-align:center;
	width:20px;
}

.xevent_table {font-size:80%}
.event_table .locked {color:#999;}
.event_table .registered {background-color:#DFF0D8;}
.event_table .reg_OK {background-color:#FCF8E3;}
.event_table .deleted {color:#999; text-decoration:line-through;}
.event_table .occupied {color:red}

#filter {font-size:0.6em}
#filter div {float:left}

/* ICONS */

.ic {display: block; float:right; width:16px; height:16px; xmargin:0 5px 5px 0; border:1px solid transparent; text-indent:-1000px; overflow:hidden}
.ic:hover {background-color:lightgrey; border-color:grey}
.ic_dir {background:transparent url('../ics/folder.png') top left no-repeat;}
.ic_edit {background:transparent url('../ics/file_edit.png') top left no-repeat;}
.ic_copy {background:transparent url('../ics/copy.gif') top left no-repeat;}
.ic_info {background:transparent url('../ics/info.png') top left no-repeat;}
.ic_show {background:transparent url('../ics/page.png') top left no-repeat;}
.ic_showfolder {background:transparent url('../ics/folder_go.png') top left no-repeat;}
.ic_restore {background:transparent url('../ics/page_refresh.png') top left no-repeat;}
.ic_new {background:transparent url('../ics/page_add.png') top left no-repeat;}
.ic_newfolder {background:transparent url('../ics/folder_add.png') top left no-repeat;}
.ic_search {background:transparent url('../ics/search.png') top left no-repeat;}
.ic_del {background:transparent url('../ics/delete.png') top left no-repeat;}
.ic_thumb {background:transparent url('../ics/picture.png') top left no-repeat;}
.ic_reply {background:transparent url('../ics/comments.png') top left no-repeat;}
.ic_cite {background:transparent url('../ics/comment_add.png') top left no-repeat;}
.ic_send {background:transparent url('../ics/user_comment.png') top left no-repeat;}
.ic_hide {background:transparent url('../ics/error.png') top left no-repeat;}
.ic_unhide {background:transparent url('../ics/error.png') top left no-repeat;}
.ic_comedit {background:transparent url('../ics/comment_edit.png') top left no-repeat;}
.ic_comdel {background:transparent url('../ics/comment_delete.png') top left no-repeat;}
.ic_user {background:transparent url('ics/user_edit.png') top left no-repeat;}
.ic_nuser {background:transparent url('ics/user_add.png') top left no-repeat;}
.ic_duser {background:transparent url('ics/delete.png') top left no-repeat;}
.ic_cuser {background:transparent url('ics/group.png') top left no-repeat;}
.ic_msg {background:transparent url('ics/cross.png') top left no-repeat;}
.ic_lock {background:transparent url('ics/lock.png') top left no-repeat;}
.ic_unlock {background:transparent url('ics/lock_open.png') top left no-repeat;}
.ic_reg {background:transparent url('ics/user_add.png') top left no-repeat;}
.ic_dereg {background:transparent url('ics/user_delete.png') top left no-repeat;}

/* GUESTBOOKS */

.book .btn {width:auto; margin:3px 3px 0 0}

.guestbook {width:auto; height:auto; margin:5px 0px; xborder:1px solid black}
.guestbook h4 {margin:0.3em 0}
.guestbook h5 {margin:1em 0 0 0}
.guestbook h5 span {display:block; float:right; font-size:80%}
.guestbook textarea {width:80%; height:10em}
.guestbook input {width:80%}
.guestbook .btn {background-color:#fff; width:auto}
.guestbook p, .sidebook p {text-align:left; padding:0px; margin:0px;}

.sidebook {width:200px; position:absolute; right:5px; font-size:80%}
.sidebook div {padding:10px; margin:0 0 10px 0; border:1px solid black; position:relative}
.sidebook h5 {font-weight:normal}
.sidebook h5 span {display:block; position:absolute; top:-1px; right:3px}
.sidebook fieldset input, .sidebook textarea {margin:2px auto; width:176px; display:xblock; padding:0px}
.sidebook #submitbutton {width:178px;}
.sidebook textarea {height:10em}
.sidebook fieldset xbr {display:none}

.bookpost {border-bottom:1px solid black}
.lvl0 {border-top:1px solid black}
.lvl1 {margin-left:2em}
.lvl2 {margin-left:4em}
.lvl3 {margin-left:6em}
.lvl4 {margin-left:8em}
.lvl5 {margin-left:10em}

/* TABLESORTER SPECIALS */

table.tablesorter thead tr .header {
	background-image: url('../ics/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url('../ics/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('../ics/desc.gif');
}

/* LIGHTBOX SPECIALS*/

#overlay{
	background-image: url('../ics/overlay.png');
	display: none; position: fixed; 
	top: 0px; left: 0pt; width: 100%; height: 100%;
	text-align:center;
	z-index:60;
}
* html #overlay{
	position:absolute;
	background-color: #000;
	background-image: url('../ics/blank.gif');
	background-position:center center;
	filter: Alpha(opacity=50);
	_left:expression((leftplus=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft)+'px');
	_top:expression((topplus=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+'px');
}
#loadingImage{
	cursor: pointer;
	position: absolute;
	top: 50%; margin-top:-20px;
	left: 50%; margin-left:-20px;
	z-index:70;
}
#lightbox {
	background-color: #eee;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	display: none; 
	position: fixed;
	left: 5px; top: 5px;
	z-index:80;
}
* html #lightbox{
	position: absolute;
}
#lightboxImage{
  cursor: pointer;
  z-index:90;
}
#prevLink, #nextLink{
  display:none; cursor: pointer; position: absolute; left: 9px; top: 50%; margin-top:-20px;
}
#nextLink{
  left:auto; right: 9px;
}
#lightboxCaption {
	color: #eee;
	xfont-size: 90%;
	text-align: center;
	margin:0px auto;
	display: block; position: absolute; bottom: 10px; xwidth: 90%;
	background-image:url('ics/overlay.png');
	padding:3px;
}

.list_slideshow {
width:200px;
height:300px;
}

.list_banners {
width:520px;
height:105px;
margin-bottom:10px;
}

.list_slideshow img {
position:absolute;
z-index:8;
width:200px;
height:300px;
}

.list_banners img {
position:absolute;
z-index:8;
width:520px;
height:105px;
}

.list_slideshow img.active, .list_banners img.active {
z-index:10;
opacity:1.0;
}

.list_slideshow img.last-active,.list_banners img.last-active {
z-index:9;
}

/*EXPERIMENTAL */
datalist {background-color:red}
datalist option {color:green}

.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8 {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-xs-8 {width: 12.5%; float: left;}
@media (min-width: 768px) {
    .col-sm-8 {width: 12.5%; float: left;}
}
@media (min-width: 992px) {
    .col-md-8 {width: 12.5%; float: left;}
}
@media (min-width: 1200px) {
    .col-lg-8 {width: 12.5%; float: left;}
}