/*
 * VARTEQ theme (Phase M): the rules still in use from the stylesheets of legacy
 * libraries the app no longer loads — legacy fullCalendar, colour and time
 * pickers, Summernote, Markdown editor, bootstrap-tagsinput, DataTables
 * (DT_bootstrap: the framework's grid footer .dt-bottom-row, .dataTables_info),
 * TableTools, sliders, Dropzone — in their original order. Each file was pruned
 * with vq/tools/prune-css.py: rules whose class or id appears nowhere in the
 * sources are dropped; the rest is verbatim.
 */

/* ---- fullcalendar.css ---- */
/*
 * FullCalendar v1.5.4 Stylesheet
 *
 * Copyright (c) 2011 Adam Shaw
 * Dual licensed under the MIT and GPL licenses, located in
 * MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
 *
 * Date: Tue Sep 4 23:38:33 2012 -0700
 *
 */

.fc {
	direction: ltr;
	text-align: left;
	}
	
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
html .fc,
.fc table {
	font-size: 1em;
	}
	
.fc td,
.fc th {
	padding: 0;
	vertical-align: top;
	}

/* Header
------------------------------------------------------------------------*/

/* buttons edges butting together */

/* button layering (for border precedence) */

/* Content
------------------------------------------------------------------------*/

.fc-view {
	width: 100%; /* needed for view switching (when view is absolute) */
	overflow: hidden;
	}

/* Cell Styles
------------------------------------------------------------------------*/

/* Buttons
------------------------------------------------------------------------*/

.fc-button {
	position: relative;
	display: inline-block;
	cursor: pointer;
	}

/* icon (for jquery ui) */

/* gloss effect */

/* button states (determines colors)  */

/* Global Event Styles
------------------------------------------------------------------------*/
	 
.fc-event {
	border-style: solid;
	border-width: 0;
	font-size: .85em;
	cursor: default;
	}
	
a.fc-event,
.fc-event-draggable {
	cursor: pointer;
	}
	
a.fc-event {
	text-decoration: none;
	}

.fc-event-time,
.fc-event-title {
	padding: 0 1px;
	}
	
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden;
	font-size: 300%;  /* */
	line-height: 50%; /* */
	}

/* Horizontal Events
------------------------------------------------------------------------*/

/* resizable */

/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/

/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/

/* ICONS
-----------------------------------------------------------------*/

/* Reusable Separate-border Table
------------------------------------------------------------*/

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

/* event styles */

/* right-to-left */

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

/* make axis border take precedence */

/* all-day area */

/* divider (between all-day and slots) */

/* slot rows */

/* Vertical Events
------------------------------------------------------------------------*/

/* resizable */


/* ---- colorpicker.css ---- */
/*!
* Colorpicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/

.colorpicker {
	top: 0;
	left: 0;
	padding: 4px;
	min-width: 120px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.colorpicker:before, .colorpicker:after {
	display: table;
	content: "";
}
.colorpicker:after {
	clear: both;
}
.colorpicker:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 6px;
}
.colorpicker:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 7px;
}
.colorpicker div {
	position: relative;
}
.colorpicker.alpha {
	min-width: 140px;
}

 
/* ---- bootstrap-timepicker.css ---- */
/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;
}

@media (min-width: 767px) {
  
}
@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }
  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}

/* ---- dropzone/basic.css ---- */
/* The MIT License */
.dropzone,
.dropzone *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
}


/* ---- dropzone/dropzone.css ---- */
/* The MIT License */
.dropzone,
.dropzone *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
}

.dropzone {
  border: 1px solid rgba(0,0,0,0.03);
  min-height: 360px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0,0,0,0.03);
}

@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
  
}

@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
  
}

@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
  
}

@-moz-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}

@keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}

/*
.dropzone .dz-preview, .dropzone-previews .dz-preview {
    display: block !important;
}

.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
    height: auto !important;
    width: auto;
}
*/
/* ---- bootstrap-tagsinput.css ---- */
.bootstrap-tagsinput {
	display: block;
	width: 100%;
	min-height: 32px;
	padding: 1px 3px;
	font-size: 13px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 0;
}
.bootstrap-tagsinput > span {
	border-radius: 0px !important;
	font-weight: normal;
	padding: 3px 28px 4px 8px;
	font-size: 13px;
	border: 1px solid #285E8E;
	background: #3276B1;
}

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: auto !important;
  max-width: inherit;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
	color: #FFF;
	position: relative;
	margin: 3px 0 3px 2px;
	display: inline-block;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
	display: block;
	top: -1px;
	right: 0px;
	padding: 3px 4px 3px 5px;
	width: 23px;
	height: 22px;
	position: absolute;
	cursor:pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
	background: rgba(0, 0, 0, 0.3);
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
	content: "\f057";
	font-family: fontAwesome;
	padding: 2px 1px;
	line-height: 17px;
	font-size: 15px;
	text-align: center;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


/* ---- DT/bootstrap.css ---- */

div.dt-bottom-row {
	background: #fafafa;
	font-size: 11px;
	overflow: hidden;
	padding: 5px 10px;
	border-top: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px #fff;
	-moz-box-shadow: inset 0 1px #fff;
	box-shadow: inset 0 1px #fff
}

div.dataTables_paginate {
	margin: 4px 0 0
}
div.dataTables_paginate .pagination {
	margin: 0
}

.top .dataTables_info {
	float: none
}
div.dt-bottom-row .dataTables_info {
	float: left;
	line-height: 32px;
	font-size: 12px
}

.dt-row {
	padding: 4px 10px
}

.disabled {
	color: #999
}


/* ---- TableTools.css ---- */
/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     GPL v2 / 3 point BSD
 * Project:     DataTables
 * 
 * Copyright 2009-2012 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   BUTTON_STYLES         Action specific button styles
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 */

/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */


/*
 * BUTTON_STYLES
 * Action specific button styles
 * If you want images - comment this back in

button.DTTT_button_csv,
button.DTTT_button_xls,
button.DTTT_button_copy,
button.DTTT_button_pdf,
button.DTTT_button_print {
	padding-right: 0px;
}

button.DTTT_button_csv span,
button.DTTT_button_xls span,
button.DTTT_button_copy span,
button.DTTT_button_pdf span,
button.DTTT_button_print span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding-right: 30px;
}

button.DTTT_button_csv span { background: url(../img/csv.png) no-repeat bottom right; }
button.DTTT_button_csv:hover span { background: url(../img/csv_hover.png) no-repeat center right; }

button.DTTT_button_xls span { background: url(../img/xls.png) no-repeat center right; }
button.DTTT_button_xls:hover span { background: #f0f0f0 url(../img/xls_hover.png) no-repeat center right; }

button.DTTT_button_copy span { background: url(../img/copy.png) no-repeat center right; }
button.DTTT_button_copy:hover span { background: #f0f0f0 url(../img/copy_hover.png) no-repeat center right; }

button.DTTT_button_pdf span { background: url(../img/pdf.png) no-repeat center right; }
button.DTTT_button_pdf:hover span { background: #f0f0f0 url(../img/pdf_hover.png) no-repeat center right; }

button.DTTT_button_print span { background: url(../img/print.png) no-repeat center right; }
button.DTTT_button_print:hover span { background: #f0f0f0 url(../img/print_hover.png) no-repeat center right; }

 */

/*
 * SELECTING
 * Row selection styles
 */

/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */

/*
 * PRINTING
 * Print display styles
 */


/* ---- fd-slider.css ---- */
	/* The styles given to the associated form element in order to hide it */
	
	/* Horizontal Outer wrapper - all other DOM elements added as children to this top level wrapper */
	.fd-slider {
		width: 100%;
		/* The height of the slider handle */
		height: 20px;
		margin: 0;
	}
	/* Vertical Outer wrapper - all other DOM elements added as children to this top level wrapper */
	
	/* Shared rules - both horizontal & vertical sliders */
	.fd-slider{
		/* display:block required as the wrapper element is a span */
		display: block;
		/* This lets us absolutely position the drag handle */
		position: relative;
		text-decoration: none;
		border: 0 none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-touch-callout: none;
		user-select: none;
	}
	
	
	/* The inner track bar */
	
	/* The animated range bar */
	
	/* The drag handle */
	
	/* Focus styles */
	
	
	
	
	
	
	/*
	 Sample tooltip code. Only works on grade A browsers (so no IE6,7 or 8).
	
	 See: http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/ for full info on
	 how to style generated content & the associated pitfalls
	
	 This code to be taken as experimental & untested - use at your discretion
	
	 If showing the tooltip above the sider handle you are relegated to showing
	 single line tooltips due to styling constraints!
	 */
	
	
	/*
	 The tooltip body - as we position it above the slider and position the tooltip arrow
	 below it, we need to know the height of the body. This means that multi-line tooltips
	 are not supported.
	
	 To support multi-line tooltips, you will need to position the tooltip below the slider
	 and the tooltip pointer above the tooltip body. Additionally, you will have to set the
	 tooltip bodies "height" to auto
	 */
	
	/* The tooltip pointer */
	
	      
/* ---- bootstrap-slider.css ---- */
/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.slider {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}












 


.slider input {
	display: none;
}
.slider .tooltip-inner {
	white-space: nowrap;
}


.slider-handle {
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px solid #FFF;
	background: #858585;
	
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	line-height: 18px;
	font-size: 10px;
	color: #BDBDBD;
	text-shadow: 0 1px 0 rgba(77, 77, 77, 0.5);
	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.slider-handle:before {
	content: "\f0c9";
	
	
}

.slider-handle.round {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	width: 20px;
	height: 20px;
}
.slider-handle.triangle {
	background: transparent none;
}

/*
 * Slider colors
 */