#projectView.fixed {
	top:0;
	position:fixed;
}

#fileHeader.fixed {
	top:0;
	position:fixed;
}


#filetree {
	height:500px;
	overflow:auto;
}

#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }



.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

.album {
  width:100%;
  /*background-color:#fff; */
  padding: 5px; 
  float:left
}
.album .imageSingle {
	position:relative;
  float: left; 
  margin: 3px; 
  width:156px; 
  height:290px;
  text-align:center; 
  border:solid 1px #b4b4b4;
  background-color:#fff; 
}
.album .imageSingleDeleted {
  float: left; 
  margin: 3px; 
  width:156px; 
  height:290px;
  text-align:center; 
  border:solid 1px #b4b4b4;
  background-color:#cc3333; 
}
.album .imageSingleFolder {
  float: left; 
  margin: 3px; 
  width:156px; 
  height:290px;
	position:relative;
  text-align:center; 
  border:solid 1px #b4b4b4;
  background-color:#fff; 
  z-index:100;
}
.album .imageSingleFolderDeleted {
  float: left; 
  margin: 5px; 
  width:156px; 

  text-align:center; 
  border:solid 1px #b4b4b4;
  background-color:#cc3333; 
}
.album .imageSingle .image {
  width:150px; 
  height:150px; 
  margin:3px;
clip:rect(0px 145px 145px 0px);

}
.album .imageSingleFolder .image {
  width:150px; 
  height:150px; 
  margin:3px;
clip:rect(0px 145px 145px 0px);

}
.album .imageSingleFolderDeleted .image {
  width:150px; 
  height:150px; 
  margin:3px;

}

.album .footer {
  text-align:center;
  width: 150px; 
  border-top:solid 1px #b4b4b4; 
  color:#000; 
  font-weight:bold; 
font:  12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  padding-top: 7px; 
  padding-bottom:7px; 
  margin-top: 10px;
  word-wrap: break-word;
 overflow:hidden;
  
	height:50px;
}

.clipout{
  position:relative;
  width:145px;
  height:145px;
  top:-1px;
  left:-1px;
  overflow:  hidden;
}
.clipin{
  
  clip:rect(0px 145px 145px 0px);
  
}

/* 2026 upgrade: display full document thumbnails (no crop) */
.clipout{
	display: flex;
	align-items: center;
	justify-content: center;
}
.clipin{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	clip: auto;
}
.clipin a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.clipout img{
			max-width: 100%;
			max-height: 100%;
			width: auto;
			height: auto;
		display: block;
	}
.shade1{
  width:145px;
  height:145px;
  background-color:#e8e8e8;
}
.shade2{
  position:relative;
  width:145px;
  height:145px;
  background-color:#cbcbcb;
  top:-2px;
  left:-2px;
}
.shade3{
  position:relative;
  width:145px;
  height:145px;
  background-color:#a0a0a0;
  top:-1px;
  left:-1px;
}

#listcart{
	overflow: scroll;
	height:200px;
	border:solid 1px #000000;
	padding:6px 10px 14px 10px;;
}
#listcart li{
	border:0; margin:0; padding:0; list-style:none; display:block;
}

	#listcart li{
		
		padding:5px;
		list-style:none;
	}
		#listcart a{
			color:#000000;
			margin-bottom:
		}
		#listcart .news-title{
			display:block;
			font-weight:bold;
			margin-bottom:4px;
			font-size:11px;
		}
		#listcart .news-text{
			display:block;
			font-size:11px;
			color:#666666;
		}
	
#uploadPanel {
		  float: left; 
		  margin: 5px; 
		  
		  /*text-align:center; 
		  border:solid 1px #b4b4b4;
		 background-color:#e4e4e4; */
		}
	.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}

		.white_content {
			display: none;
			position: absolute;
			top: 50%;
			left: 50%;
			
			padding: 16px;
			
			z-index:1002;
			overflow: auto;
		}	
		
		
		#admin_file_order {
			height:25px;width:150px;background-color:#fff;
		}
		
		.acl{
			width:75px;
		}
		
		.centered_div {
			left: auto;
			right:auto;
			margin-left:auto;
			margin-right:auto;
		}
		
		.autocomplete-w1 { background:url(/images/shadow.png) no-repeat bottom right; position:absolute; top:7px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
		.autocomplete { z-index:199999; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
		.autocomplete .selected { background:#F0F0F0; }
		.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
		.autocomplete strong {font-weight:normal; color:#3399FF; }
		#busy_indicator { position:absolute;z-index:100; display:none; width:35px;height:35px;display:none; text-align:left;}
		#busy_indicator3{ position:absolute; top:0; left:0; width:100%; z-index:100; background: url('/images/dim.png'); display:none; text-align:left; }
		
	
		
		
		#header{
			background: url(/images/hdr-bkg.png) repeat-x scroll;
			height:181px;
			position:absolute;
			z-index :100;
			top: 0px;
			left:0px;
			width:100%;
		}
		
		
		#content-title{
			background: url(/images/content-title.png) no-repeat scroll;
			height:323px;
			position:absolute;
			width:100%;
		}
		
		
		.list-style-none {
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		
		
		
		
		
		
		/*sideboxes*/
		.columnLeft {
			padding: 0 28px 0 0;
		}
		.columnRight {
			padding: 0 0 0 28px;
		}

		h3.leftBoxHeading, h3.rightBoxHeading {
			font: bold 1.1em arial;
			color: #ffffff;
			background: url("/images/sidebox_right.gif") no-repeat right top;
			}

		h3.leftBoxHeading, h3.rightBoxHeading {
			color: #ffffff;
			background: url("/images/sidebox_right.gif") no-repeat right top;
			}

		h3.leftBoxHeading a, h3.rightBoxHeading a {
			font: normal 11px verdana, arial;
			color: #ffffff;
			text-decoration: underline;
			}


		h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
			color: #FFFF33;
			text-decoration: none;
			} 
		.sidebox-header-left {
			background: url("/images/sidebox_left.gif") no-repeat left top;
			padding: 0 0 0 0.3em;
		}
		.main-sidebox-header-left {
			background: url("/images/main_sidebox_left.gif") no-repeat left top !important;
			padding: 0 0 0 0.3em;
		}
		.main-sidebox-header-right {
			background: url("/images/main_sidebox_right.gif") no-repeat right top !important;
			padding: 0 0 0 0.3em;
		}



		.leftBoxHeading, .rightBoxHeading {
			margin: 0em;
			background-color: #abbbd3;
			padding: 0.4em 0.3em 0.4em 0.4em !important;
			}
		.leftBoxHeading label, .rightBoxHeading label {
			line-height: 16px;
		}
		.leftBoxContainer, .rightBoxContainer {
			margin: 0em;
			margin: 16px 0 4px 0;
			}

		.sideBoxContent {
			border: 1px solid #E6E6E6;
			border-top: none;
			background-color: #ffffff;
		/*	padding: 0.7em 0.4em 1em 0.4em;*/
			padding: 0.7em 0.9em;
			}
		.sideBoxContent a, .sideBoxContent div, .rightBoxContainer div, .leftBoxContainer div {
			font: normal 11px verdana;
			color: #454545;
			line-height: 17px;
		}


		.download_link {
			display:inline;
			background:#fff;
			border: 0px solid #black;
			margin: 2px;
		}
		.download_link img {
			vertical-align: middle;
		}
		.tagFileLink img {
			vertical-align: middle;
		}
		#sortable { list-style-type: none; margin: 0; padding: 0; }
		#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 165px; height: 300px;  text-align: center; }
		
			.blacklink a {
				color:#000;
			}
				.blacklink a:hover. a:link, a:visited {
					color:#000;
				}
				

	
	#ui-datepicker-div { display: none; }
	
	.hidden { display: none; } 
	
	
	#pagePrevious{background:url(/css/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;cursor: pointer}
    #pagePrevious.hover{background-position:-75px -25px;cursor: pointer}
    #pageNext{background:url(/css/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;cursor: pointer}
    #pageNext.hover{background-position:-50px -25px;cursor: pointer}

	
		#bottom_nav {
			background: #777777 url("/images/ezpages_bg.gif");
			font: bold 14px arial;
			margin: 0em;
		/*	padding: 0.5em;*/
			height: 39px;
			}
		#btab_nav a {
			color: #ffffff;
			text-decoration: none;
		}

		#btab_nav li {
		/*	margin: 10px 15px;*/
		margin-left: 0px;
			float: left;
		/*	display: inline;*/
			background: url("/images/bg_tabs_left.gif") no-repeat 0 0;
			padding: 0 0 0 5px;
			border-right: 1px solid #616161;
		}
		#btab_nav li a {
			display: block;
			background: url("/images/bg_tabs_right.gif") no-repeat right 0;
			padding: 10px 20px 10px 18px;
		}

		#btab_nav li:hover {
			background-position: left -40px;
		}
		#btab_nav li:hover a {
			background-position: right -40px;
		}

		#btab_nav #btab_active{
			background-position: 0 -78px;
		}
		#btab_nav #btab_active a {
			background-position: right -78px;
		}
		#btab_nav li.home-link {
			padding: 0;
		}
		#btab_nav li.home-link a {
			display: block;
			background: url("/images/home_tab.gif") no-repeat left 0;
			padding: 0px 20px 10px 18px;
			height: 27px;
			width: 2px;
		}
		#btab_nav li.home-link:hover a {
			background-position: left -39px;
		}


		#login_logout_section, #login_logout_section a {
			font: normal 11px verdana;
			color: #ffffff;
			padding: 11px 7px;
		}
		#login_logout_section a:hover {
			text-decoration: none;
		}

		.bottom-nav-right {
			background: url("/images/top_nav_right_bg.gif") right top;
			height: 39px;
			width: 6px;
			float: right;
		}
		.bottom-nav-left {
			background: url("/images/top_nav_left_bg.gif") left top;
			height: 39px;
			width: 6px;
			float: left;
		}
		
	
	
	.dataTables_filter input {
		display: inline;
	}
	.newFileFlag {
	
	}
	.album .newFileFlag {
	
	}
	.album .imageSingleFolder .newFileFlag {
		background-color:#EEE;
	}

	.mute-all {
	
  	  opacity: 0.4;

	}

	.newBadge{
		display: block;
		position: absolute;
		z-index:10;
		background: url('/images/new_badge.gif') left top no-repeat;
		bottom:75px;
		left:0px;
		width:50px;
		height:50px;
	}


	.uploadBadge:after{
		display: block;
		position: absolute;
		z-index:200;
		background: #000;
		top: 0px;
		left:0px;
		width:100%;
		height:100%;
	}

	#simplemodal-container a.modalCloseImg {
		background:url(/images/x.png) no-repeat; /* adjust url as required */
		width:25px;
		height:29px;
		display:inline;
		z-index:3200;
		position:absolute;
		top:-15px;
		right:-18px;
		cursor:pointer;
	}
	
	
		
		#paPanelList {
			background: rgb(116, 128, 125);
			text-align:center;
		}
	
	* html .jstree-no-icons a {
	  height: 1px;
	  }
	
	.editFieldName {
			z-index:11;
	}
	.roundedBox {
	
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,
		#f3f3f3),color-stop(100%,
		#DDD));
		
		background: -webkit-linear-gradient(top,
		#f3f3f3 0,
		#DDD 100%);
		background: -moz-linear-gradient(top,
		#f3f3f3 0,
		#DDD 100%);
		background: -ms-linear-gradient(top,
		#f3f3f3 0,
		#DDD 100%);
		background: -o-linear-gradient(top,
		#f3f3f3 0,
		#DDD 100%);
		background: linear-gradient(top,
		#f3f3f3 0,
		#DDD 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#dddddd',GradientType=0);
		border-left: solid 1px 
		#EEE;
		border-right: solid 1px 
		#EEE;
		border-bottom: solid 1px 
		#CCC;
		-webkit-box-shadow: 0 1px 0 
		rgba(0, 0, 0, .1);
		-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
		box-shadow: 0 1px 0 
		rgba(0, 0, 0, .1);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding:10px;
		*background: #f3f3f3;
	}
	.loginFieldSet {
		border:none;
		background:none;
	}
	.fieldLabelTextNoUnderline h2 {
		background-color: 
		transparent;
	
		display: block;
		font-family: 'Helvetica Neue', Arial, sans-serif;
		font-size: 16px;
		font-weight: 300;
		height: 20px;
		line-height: 20px;
		margin-bottom: 12px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
	/*	padding-bottom: 10px;
		padding-right: 12px; */
		padding-left: 12px;
		
		padding-top: 10px;
		position: relative;
		text-rendering: optimizelegibility;
		text-shadow: 
		rgba(255, 255, 255, 0.597656) 0px 1px 0px;
		
	}
	.fieldLabelText h2 {
		background-color: 
		transparent;
		border-bottom-color: 
		#E2E2E2;
		border-bottom-style: solid;
		border-bottom-width: 1px;
			box-shadow: 
			white 0px 1px 0px 0px;
			color: 
			#777;
		color: 
		#777;
		display: block;
		font-family: 'Helvetica Neue', Arial, sans-serif;
		font-size: 16px;
		font-weight: 300;
		height: 20px;
		line-height: 20px;
		margin-bottom: 12px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		padding-bottom: 10px;
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 10px;
		position: relative;
		text-rendering: optimizelegibility;
		text-shadow: 
		rgba(255, 255, 255, 0.597656) 0px 1px 0px;
		
	}
		.fieldLabelText strong {
			font-weight: 500;
			color: 
			#333;
		}
		
		.fieldLabelTextNoUnderline strong {
			font-weight: 500;
			color: 
			#333;
		}
		
		.inlineLabelForm legend {
			color: #333;
			padding: 0 0 20px 0;
			text-transform: uppercase;
		}

		.inlineLabelForm form {
		/*	padding: 0 20px 20px 20px; */
		}

		.inlineLabelForm form, 
		.inlineLabelForm   input, 
		.inlineLabelForm   textarea, 
		.inlineLabelForm   label {
			font-family: Helvetica, Arial;
			font-size: 12pt;
		
		}
		.inlineLabelForm  p { position: relative; margin: 10px 0;}
		.inlineLabelForm   label { position: absolute; top: 0; left: 0; display: none;}
		.inlineLabelForm   br {display: none;}

		.inlineLabelForm  checkbox { float: left;}
		.inlineLabelForm   input,
		.inlineLabelForm    textarea {
			display: block;
			padding: 4px;
			margin: 0;
		}

		.inlineLabelForm   label {		
			display: block;
			margin: 5px 5px 5px 6px;
			padding: 0;
		}

		.inlineLabelForm  textarea {
			padding: 2px;
		}

		.inlineLabelForm  textarea,
	.inlineLabelForm 	  input {
			border: solid 1px #ccc;
		}
		.inlineLabelForm   label {
			color: #777;
		}
		
		
		
	
		
		#pinfo p {
			margin-bottom: 1px;
		}
		.mceContentBody p {
			margin-bottom; 1px;
			
		}
		
	
		body.mceForceColors {background:#FFF; color:#000;}
		body.mceBrowserDefaults {background:transparent; color:inherit; font-size:inherit; font-family:inherit;}
		h1 {font-size: 2em}
		h2 {font-size: 1.5em}
		h3 {font-size: 1.17em}
		h4 {font-size: 1em}
		h5 {font-size: .83em}
		h6 {font-size: .75em}
		.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;}
		a.mceItemAnchor {display:inline-block; -webkit-user-select:all; -webkit-user-modify:read-only; -moz-user-select:all; -moz-user-modify:read-only; width:11px !important; height:11px !important; background:url(img/items.gif) no-repeat center center}
		span.mceItemNbsp {background: #DDD}
		td.mceSelected, th.mceSelected {background-color:#3399ff !important}
		img {border:0;}
		table, img, hr, .mceItemAnchor {cursor:default}
		table td, table th {cursor:text}
		
		del {color:red; text-decoration:line-through}
		cite {border-bottom:1px dashed blue}
		acronym {border-bottom:1px dotted #CCC; cursor:help}
		abbr {border-bottom:1px dashed #CCC; cursor:help}

		/* IE */
		* html body {
		scrollbar-3dlight-color:#F0F0EE;
		scrollbar-arrow-color:#676662;
		scrollbar-base-color:#F0F0EE;
		scrollbar-darkshadow-color:#DDD;
		scrollbar-face-color:#E0E0DD;
		scrollbar-highlight-color:#F0F0EE;
		scrollbar-shadow-color:#F0F0EE;
		scrollbar-track-color:#F5F5F5;
		}

		img:-moz-broken {-moz-force-broken-image-icon:1; width:24px; height:24px}
		font[face=mceinline] {font-family:inherit !important}
		*[contentEditable]:focus {outline:0}

		.mceItemMedia {border:1px dotted #cc0000; background-position:center; background-repeat:no-repeat; background-color:#ffffcc}
		.mceItemShockWave {background-image:url(../../img/shockwave.gif)}
		.mceItemFlash {background-image:url(../../img/flash.gif)}
		.mceItemQuickTime {background-image:url(../../img/quicktime.gif)}
		.mceItemWindowsMedia {background-image:url(../../img/windowsmedia.gif)}
		.mceItemRealMedia {background-image:url(../../img/realmedia.gif)}
		.mceItemVideo {background-image:url(../../img/video.gif)}
		.mceItemAudio {background-image:url(../../img/video.gif)}
		.mceItemEmbeddedAudio {background-image:url(../../img/video.gif)}
		.mceItemIframe {background-image:url(../../img/iframe.gif)}
		.mcePageBreak {display:block;border:0;width:100%;height:12px;border-top:1px dotted #ccc;margin-top:15px;background:#fff url(../../img/pagebreak.gif) no-repeat center top;}
		
		
		#fb_login_button span, #fb_login_button iframe {.
		width: 80px !important;
		height: 25px !important;
		}
		
		
		.fixed-dialog{
		  position: fixed;
		  top: 50px;
		  left: 50px;
		}
		
		
		
		
		.ui-autocomplete { position: absolute; cursor: default;z-index:9999999999;}  
		
		.ui-menu-item {
		  /* IE10 fix */
		  list-style-image: url(data:0);
		}
		
		.ui-menu .ui-meni-item {list-style-image:none}
		li.ui-menu-item { 
  /* This fixes the IE10 issue */
  list-style-type: none;
}
	

#logoimg > img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


#siteswitcher {

  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  background: #eee;
  padding:4px;
}



div.dataTables_length label {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

div.dataTables_length select {
	width: 75px;
	display: inline-block;
}

div.dataTables_filter {
	text-align: right;
}

div.dataTables_filter label {
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
}

div.dataTables_filter input {
	margin-left: 0.5em;
	display: inline-block;
	width: auto;
}

div.dataTables_info {
	padding-top: 8px;
	white-space: nowrap;
}

div.dataTables_paginate {
	margin: 0;
	white-space: nowrap;
	text-align: right;
}

div.dataTables_paginate ul.pagination {
	margin: 2px 0;
	white-space: nowrap;
}

@media screen and (max-width: 767px) {
	div.dataTables_wrapper > div.row > div,
	div.dataTables_length,
	div.dataTables_filter,
	div.dataTables_info,
	div.dataTables_paginate {
		text-align: center;
	}

	div.DTTT {
		margin-bottom: 0.5em;
	}
}


table.dataTable td,
table.dataTable th {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


table.dataTable {
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	cursor: pointer;
	position: relative;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
	font-family: 'Glyphicons Halflings';
	opacity: 0.5;
}
table.dataTable thead .sorting:after {
	opacity: 0.2;
	content: "\e150"; /* sort */
}
table.dataTable thead .sorting_asc:after {
	content: "\e155"; /* sort-by-attributes */
}
table.dataTable thead .sorting_desc:after {
	content: "\e156"; /* sort-by-attributes-alt */
}
div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
	display: none;
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	color: #eee;
}

table.dataTable thead > tr > th {
	padding-right: 30px;
}

table.dataTable th:active {
	outline: none;
}


/* Condensed */
table.dataTable.table-condensed thead > tr > th {
	padding-right: 20px;
}

table.dataTable.table-condensed thead .sorting:after,
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after {
	top: 6px;
	right: 6px;
}

/* Scrolling */
div.dataTables_scrollHead table {
	margin-bottom: 0 !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
	border-top: none;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
	border-top: none;
}

div.dataTables_scrollFoot table {
	margin-top: 0 !important;
	border-top: none;
}

/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */
table.table-bordered.dataTable {
	border-collapse: separate !important;
}
table.table-bordered thead th,
table.table-bordered thead td {
	border-left-width: 0;
	border-top-width: 0;
}
table.table-bordered tbody th,
table.table-bordered tbody td {
	border-left-width: 0;
	border-bottom-width: 0;
}
table.table-bordered tfoot th,
table.table-bordered tfoot td {
    border-left-width: 0;
    border-bottom-width: 0;
}
table.table-bordered th:last-child,
table.table-bordered td:last-child {
	border-right-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
	border-bottom-width: 0;
}




/*
 * TableTools styles
 */
.table.dataTable tbody tr.active td,
.table.dataTable tbody tr.active th {
	background-color: #08C;
	color: white;
}

.table.dataTable tbody tr.active:hover td,
.table.dataTable tbody tr.active:hover th {
	background-color: #0075b0 !important;
}

.table.dataTable tbody tr.active th > a,
.table.dataTable tbody tr.active td > a {
	color: white;
}

.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
	background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
	cursor: pointer;
}

div.DTTT .btn:hover {
	text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
  z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a {
	color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li {
	position: relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
	background-color: #0088cc;
	color: white !important;
}

div.DTTT_collection_background {
	z-index: 2002;	
}

/* TableTools information display */
div.DTTT_print_info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	color: #333;
	padding: 10px 30px;
	opacity: 0.95;

	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

div.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

div.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 60px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}



/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
    margin-bottom: 0;
}
 
div.DTFC_RightHeadWrapper table ,
div.DTFC_LeftHeadWrapper table {
	border-bottom: none !important;
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin: 0 !important;
}
 
div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}
 
div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
    margin-top: 0 !important;
}


div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
	display: none;
}


/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
	margin: 0 !important
}


body { font-size: 140%; }



 body.DTTT_Print {
        background: #fff;

    }
    .DTTT_Print #page-wrapper {
        margin: 0;
        background:#fff;
    }

    button.DTTT_button, div.DTTT_button, a.DTTT_button {
        border: 1px solid #e7eaec;
        background: #fff;
        color: #676a6c;
        box-shadow: none;
        padding: 6px 8px;
    }
    button.DTTT_button:hover, div.DTTT_button:hover, a.DTTT_button:hover {
        border: 1px solid #d2d2d2;
        background: #fff;
        color: #676a6c;
        box-shadow: none;
        padding: 6px 8px;
    }

    .dataTables_filter label {
        margin-right: 5px;

    }

#drop-target {
        border: 10px dashed #999;
        text-align: center;
        color: #999;
        font-size: 10px;
        width: 150px;
        height: 200px;
        line-height: 145px;
        cursor: pointer;
      }
      
      #drop-target.dragover {
        background: rgba(255, 255, 255, 0.4);
        border-color: green;
      }


.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background-color: rgba(0, 0, 0, 0.19999999999999996);
  position: fixed;
  z-index: -1;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 100%;
}

.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}

#sticky {
    padding: 0.5ex;
    width: 600px;
    background-color: #333;
    color: #fff;
    font-size: 2em;
    border-radius: 0.5ex;
}
#sticky.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
    border-radius: 0 0 0.5em 0.5em;
}


a.dim {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding-top: 6px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 600;
  margin-bottom: 20px !important;
}
a.dim:active {
  top: 3px;
}
a.dim:before {
  font-size: 50px;
  line-height: 1em;
  font-weight: normal;
  color: #fff;
  display: block;
  padding-top: 10px;
}
a.dim:active:before {
  top: 7px;
  font-size: 50px;
}

a.btn-primary.dim {
  box-shadow: inset 0px 0px 0px #16987e, 0px 5px 0px 0px #16987e, 0px 10px 5px #999999;
}
a.btn-primary.dim:active {
  box-shadow: inset 0px 0px 0px #16987e, 0px 2px 0px 0px #16987e, 0px 5px 3px #999999;
}
a.btn-default.dim {
  box-shadow: inset 0px 0px 0px #b3b3b3, 0px 5px 0px 0px #b3b3b3, 0px 10px 5px #999999;
}
a.btn-default.dim:active {
  box-shadow: inset 0px 0px 0px #b3b3b3, 0px 2px 0px 0px #b3b3b3, 0px 5px 3px #999999;
}
a.btn-warning.dim {
  box-shadow: inset 0px 0px 0px #f79d3c, 0px 5px 0px 0px #f79d3c, 0px 10px 5px #999999;
}
a.btn-warning.dim:active {
  box-shadow: inset 0px 0px 0px #f79d3c, 0px 2px 0px 0px #f79d3c, 0px 5px 3px #999999;
}
a.btn-info.dim {
  box-shadow: inset 0px 0px 0px #1eacae, 0px 5px 0px 0px #1eacae, 0px 10px 5px #999999;
}
a.btn-info.dim:active {
  box-shadow: inset 0px 0px 0px #1eacae, 0px 2px 0px 0px #1eacae, 0px 5px 3px #999999;
}
a.btn-success.dim {
  box-shadow: inset 0px 0px 0px #1872ab, 0px 5px 0px 0px #1872ab, 0px 10px 5px #999999;
}
a.btn-success.dim:active {
  box-shadow: inset 0px 0px 0px #1872ab, 0px 2px 0px 0px #1872ab, 0px 5px 3px #999999;
}
a.btn-danger.dim {
  box-shadow: inset 0px 0px 0px #ea394c, 0px 5px 0px 0px #ea394c, 0px 10px 5px #999999;
}
a.btn-danger.dim:active {
  box-shadow: inset 0px 0px 0px #ea394c, 0px 2px 0px 0px #ea394c, 0px 5px 3px #999999;
}



.DTTT_button_copy div{
z-index: 99000 !important;
}

.DTTT_button_csv div{
z-index: 99001 !important;
}

.DTTT_button_xls div{
z-index: 99002 !important;
}

.DTTT_button_pdf div{
z-index: 99003 !important;
}

.DTTT_button_print div{
z-index: 99004 !important;
}




.note-editable p {
	padding:0px;
	spacing:0px;
}



 p { 
	margin: 0; padding: 0;
	padding:0px;
	spacing:0px;
}




.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;

  .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;

    &.ui-state-hover, &.ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
    }
  }
}

.ui-menu li {
    list-style-type: none;
    display: inline;
    line-height: 1em;
}


#filePreviewModal .modal-body {
    max-height: 95vh; //Sets the height to 80/100ths of the viewport.
}
.modal.modal-fullscreen {
  /* Maximize the main wrappers on the screen */
  /* Make the parent wrapper of the modal box a full-width block */
  /* Remove borders and effects on the content */
  /**
	 * /!\ By using this feature, you force the header and footer to be placed
	 * in an absolute position. You must handle by yourself the margin of the
	 * content.
	 */
}
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.modal.modal-fullscreen .modal-dialog {
  margin: 0;
  width: 100%;
  animation-duration:0.6s;
}
.modal.modal-fullscreen .modal-content {
  border: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -o-box-shadow: inherit;
  box-shadow: inherit;
  /* change bg color below */
 /* background:#1abc9c; */
}
.modal.modal-fullscreen.force-fullscreen {
  /* Remove the padding inside the body */
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
  padding: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
  left: 0;
  position: absolute;
  right: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
  top: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
  bottom: 0;
}


.folderzone_mask {
	z-index:99;
}

.folderzone {
	z-index:101;
}