html,
body {
	/* The html and body elements cannot have any padding or margin. */
  height: 100%;
}
body {
	/* The html and body elements cannot have any padding or margin. */
  height: 100%;

  /* view image list : http://codepen.io/ldbglobe/full/vEMyYB/ */
  background-image:url(background.jpg); /* &blur&random */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body.naked {
	background: #FFF !important;
	background-image: none;
	background-attachment: static;
}

#wrap > .container {
	background: rgba(255,255,255,1);
}

/* Wrapper for page content to push down footer and prevent header cover */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -30px;
  /* Pad bottom by footer height */
  padding: 0 0 30px;
}

.Plugin_Images img,
.Plugin_CkImages img
{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAOklEQVQ4T2OcOXPmfwYkkJaWhsxlmDVrFgofXZ5xGBjwHwiQPUnIz+jyjMPAgGEQjRR7YRhEI6VeAAAbAX5BxkaMrgAAAABJRU5ErkJggg==);background-repeat:repeat;
}

#wrap > .container {
  padding: 80px 15px 0;
}

#footer {
  min-height: 30px;
  background-color: rgba(255,255,255,0.5);
}
#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}
#footer .credit {
  line-height: 30px;
  margin:0;
  color:#666;
}
#footer .credit a {
	color: #333;
}

.page-header { margin-top: 20px; }

.nav-tabs, .nav-pills {
  margin-bottom: 20px;
}
.nav-tabs {
  border-bottom: 1px solid #eee;
}

.form-action {
  background-color:#eee;
  border-radius:10px;
  padding:20px;
  text-align:right;
  margin:0px auto 20px;
}

.modal {
    overflow-y: auto;
}
.modal-lg {
	width:90%;
	max-width: 1200px;
	height:90%;
}
.modal-lg .modal-content,
.modal-lg .modal-body { height:100%; }

body.naked .edit_in_modal {
	padding-bottom: 80px;
}
body.naked .edit_in_modal .edit_form_footer {
	position:fixed;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding-left: 0;
	padding-right: 40px;
	z-index: 1000;
	border-radius:0;
}

.charcounter-wrap { position:relative; }
.charcounter { position:absolute; right:2px; top:2px; opacity:0.7; z-index: 3; }

.boolean label {
  display: inline;
  cursor: pointer;
}
.boolean input {
  display: none;
}
.boolean input + span {
  background:#ddd;
  padding:5px 5px 3px;
}
.boolean input:checked + span.true {
  background-color: #4cb749;
}
.boolean input:checked + span.false {
  background-color: #ee6655;
}
.boolean input:checked + span.null {
  background-color: #00aeee;
}

.select2-container { width:100%; padding:0 !important; border:none; }
.select2-container > ul { padding-top:2px !important;}

.ui-datepicker,
.ui-autocomplete { z-index:2000 !important; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

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

/* Editeur de liste (une entrée par ligne) */
textarea.wysiwyg-list { padding: 0; line-height: 24px; background: url('wysiwyg-list.png') top left repeat-y; padding-left:20px; white-space: pre; }

/* Custom bootstrap addings */

.alert-grey {
    background-color: #f6f6f6;
    border-color: #cccccc;
    color: #888888;
}

/* Add submenu */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;}

/*Callout (from doc of twitter bootstrap)*/
.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout+.bs-callout{margin-top:-5px}.bs-callout-danger{border-left-color:#d9534f}.bs-callout-danger h4{color:#d9534f}.bs-callout-warning{border-left-color:#f0ad4e}.bs-callout-warning h4{color:#f0ad4e}.bs-callout-info{border-left-color:#5bc0de}.bs-callout-info h4{color:#5bc0de}

.navbar-inverse .navbar-nav>li>a {
  padding-left:10px;
  padding-right:10px;
}