/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

body {
	margin-top: 100px;
}
@media(min-width:768px) {
	body {
		margin-top: 60px;
	}
	#wrapper {
		padding-left:225px;
	}
}

#wrapper {
	transition: padding 1s ease;
}
#wrapper.active{
	padding-left: 0px;
}

#page-wrapper {
	width: 100%;
	padding: 0;
	background-color: #fff;
}
.row-center{
    display: table;
    margin: 5px auto;
    position: relative;
    width: 90%;
}
.side-show{
	transition: width 1s ease;
}
.huge {
	font-size: 50px;
	line-height: normal;
}
.navbar-toggle{
	background:#666;
	color:#fff;
}
.modal-header.alert{
	margin-bottom:0;
}
.modal-footer{
	margin-top:15px;
}
.icon-bar{
	background:#fff;
}
.imgLst.active{
	border:1px solid #654321;
}
.separator{
	border-top: 1px solid #ddd;
	margin:15px 0;
	height:1px;
}
#toggleside{
	display:none;
}
@media(min-width:768px) {
	#wrapper {
		padding-left: 225px;
	}

	#page-wrapper {
		padding: 10px;
	}
	#toggleside{
		display:inline-block;
		position:absolute;
		top:8px;
	}
}

/* Top Navigation */
.topbar-bg{
	background:#DDD;
	margin:0;
}

.top-nav {
	padding: 0 15px;
}

.top-nav>li {
	display: inline-block;
	float: left;
}

.top-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
	color: #fff;
	background-color: #AAA;
}
.navbar-nav > li.active> a{
	color: #fff;
	background-color: #AAA;
}
.navbar-nav > li.active> a:hover{
	color: #fff;
	background-color: #666;
}

.top-nav>.open>.dropdown-menu {
	float: left;
	position: absolute;
	margin-top: 0;
	border: 1px solid rgba(0,0,0,.15);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
	white-space: normal;
}

ul.message-dropdown {
	padding: 0;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

li.message-preview {
	width: 275px;
	border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
	padding-top: 15px;
	padding-bottom: 15px;
}

li.message-footer {
	margin: 5px 0;
}

ul.alert-dropdown {
	width: 200px;
}
/* Side Navigation */

@media(min-width:768px) {
	.side-nav {
		position: fixed;
		top: 51px;
		width: 225px;
		/*left: 225px;
		margin-left: -225px;*/
		border: none;
		border-radius: 0;
		overflow-y: auto;
		background-color: #EEE;
		bottom: 0;
		overflow-x: hidden;
		padding-bottom: 40px;
	}

	.side-nav>li>a {
		width: 225px;
	}

	.side-nav li a:hover,
	.side-nav li a:focus {
		outline: none;
		background-color: #BBB;
	}
}

.side-nav>li>ul {
	padding: 0;
}

.side-nav>li>ul>li>a {
	display: block;
	padding: 10px 15px 10px 38px;
	text-decoration: none;
	color: inherit;
}

.side-nav>li>ul>li>a:hover {
	color: #ddd;
}

/* Flot Chart Containers */

.flot-chart {
	display: block;
	height: 400px;
}

.flot-chart-content {
	width: 100%;
	height: 100%;
}

/* Custom Colored Panels */

.huge {
	font-size: 40px;
}
.panel-cat{
	margin:2px 0;
}
.form-table{
	display:inline-table;
	margin: 8px 0px 8px 2px;
}
.form-liste{
	margin: 8px 0px 8px 2px;
}
.form-liste h1,.form-liste h2,.form-liste h3,.form-liste h4{
	margin-left: -12px;
}
.form-liste label{
	margin-top: 7px;
	padding-left: 15px;
}
.form-liste .separator{
	margin-top: 40px;
	display:table;
}
.form-liste .liste-info::before{
	content:" ";
	display:table;
}
.form-liste .liste-info{
	color:#aaa;
}

.form-liste .form-field-xs{
	width:10%;
}
.form-liste .form-field-sm{
	width:20%;
}
.form-liste .form-field{
	width:50%;
}
.form-liste .form-field-lg{
	width:70%;
}
.form-liste .form-field-xl{
	width:90%;
}
@media(max-width:768px) {
	.form-liste .form-field-xs,.form-liste .form-field-sm,.form-liste .form-field,.form-liste .form-field-lg,.form-liste .form-field-xl{
		width:100%;
	}
}
.radio-first{
	margin-top:0;
}
.radio .form-control{
	display:unset;
}
.list-checkbox{
	font-weight:400;
	margin:0;
}
.list-input{
	font-weight:400;
    margin-top: 4px !important;
}
.colap{
	background:none !important;
	padding: 5px !important;
}.colap:hover{
	background:none !important;
}
.plug-edit{
	border-top:1px solid #ccc;
}
.plug-edit .form-liste{
	margin:8px 0;
}
.plug-mod{
	padding-left:5px;
	border-radius:inherit;
	min-height: 38px;
}
.page-title{
	border-radius:inherit;
	min-height: 38px;
	line-height:38px;
	border-bottom:1px solid #ccc;
}
.colap-file{
	background:none !important;
	padding:0px 5px !important;
}
.colap-file:hover{
	background:none !important;
}
.btn-right{
	float:right;
}
.text-table{
    left: 50px;
    overflow: hidden;
    position: absolute;
    right: 170px;
    top: 8px;
    white-space: nowrap;
}

.modal-header{
	font-size:1.3em;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.modal-body{
	padding-top:5px;
}
.page-header{
	margin:5px 0 10px;
}
.page-body{
	margin:5px 0 10px;
	display:table;
}
.h1 input{
    font-size: inherit;
    height: 60px;
    padding-top: 4px;
}
.h2 input{
    font-size: inherit;
    height: 52px;
    padding-top: 4px;
}
.h3 input{
    font-size: inherit;
    height: 44px;
    padding-top: 4px;
}
.fa-sel-arrow-up{
  	display:inline-block;
    background-image: url("../img/arrow_ltr.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 20px;
    width: 32px;
	margin-right: 5px;
}
.alert-default{
	color: #333;
	background-color: #eee;
}
.alert-help{
	border: 2px solid #d9534f;
	color: #333;
	background-color: #eee;
}
.alert-red{
	border-color: #d9534f;
	color: #fff;
	background-color: #d9534f;
}
.strong{
	font-weight:600;
}
.trlg-table{
	overflow-y:auto;
	height:300px;
}
.trlg-table tr td{
	position:relative;
	min-width:50%;
}
.trlg-table tr.active td{
	background:#323DDB !important;
	color:#fff;
}
.table-row{
	display:table;
	width:100%;
	line-height: 1.7;
}
.table-row.table-hover:hover{
	background:#ddd;
}
.table-row.active{
	background:#323DDB !important;
	color:#fff;
}
.table-col{
	display:table-cell;
	position:relative;
	height:25px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.break-text{
    overflow: hidden;
    padding: 0 5px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.lst-translate{
	border-left:1px solid #ccc;
}
.linear-animate{
	
}
.text-source,.area-trans{
	height:80px;
	width:100%;
	border:1px solid #ccc;
}
.text-danger{
	color: #d9534f;
}
.alert-red small{
	color: #890200;
}
.alert-green{
	border: 1px solid #398235;
	color: #333;
	background: #c9de96;
	background: -moz-linear-gradient(top,  #c9de96 0%, #8ab66b 44%, #398235 100%);
	background: -webkit-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%);
	background: linear-gradient(to bottom,  #c9de96 0%,#8ab66b 44%,#398235 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 );
}
.text-success{
	color: #5cb85c;
}
.alert-green small{
	color: #2E682E;
}
.alert-yellow {
	border-color: #f0ad4e;
	color: #fff;
	background-color: #f0ad4e;
}
.text-warning{
	color: #f0ad4e;
}
.text-primary{
	color: #337ab7;
}
.text-primary-strong{
	color: #337ab7;
	font-weight:600;
}
.alert-yellow small{
	color: #C17511;
}
.alert-gray{
	border: 1px solid #b3bead;
	color: #333;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */
background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
}
.alert-orange{
	border: 1px solid #fb9d23;
	color: #333;
background: #ffc578;
background: -moz-linear-gradient(top,  #ffc578 0%, #fb9d23 100%);
background: -webkit-linear-gradient(top,  #ffc578 0%,#fb9d23 100%);
background: linear-gradient(to bottom,  #ffc578 0%,#fb9d23 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 );
}
.list-group-item-primary {
    background-color: #337ab7;
    color: #fff;
}
a.list-group-item-primary {
    color: #fff;
}
a.list-group-item-primary .list-group-item-heading {
    color: inherit;
}
a.list-group-item-primary:focus, a.list-group-item-primary:hover {
    background-color: #286090;
    color: #fff;
}
a.list-group-item-primary.active, a.list-group-item-primary.active:focus, a.list-group-item-primary.active:hover {
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
}

.panel-green {
	border-color: #5cb85c;
}

.panel-green > .panel-heading {
	border-color: #5cb85c;
	color: #fff;
	background-color: #5cb85c;
}

.panel-green > a {
	color: #5cb85c;
}

.panel-green > a:hover {
	color: #3d8b3d;
}

.panel-red{
	border-color: #d9534f;
}

.panel-red > .panel-heading,.alert-red  {
	border-color: #d9534f;
	color: #fff;
	background-color: #d9534f;
}

.panel-red > a,.alert-red > a {
	color: #d9534f;
}

.panel-red > a:hover,.alert-red > a:hover, .alert-red small{
	color: #890200;
}

.panel-yellow {
	border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
	border-color: #f0ad4e;
	color: #fff;
	background-color: #f0ad4e;
}

.panel-yellow > a {
	color: #f0ad4e;
}

.panel-yellow > a:hover {
	color: #df8a13;
}
.panel-table > table{
	margin-bottom:0;
}
.list-success{
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
    border-color: #4CAE4C;
    color: #3cb521;
	z-index:10;
}
.list-warning{
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eea236 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eea236 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeea236', GradientType=0);
    border-color: #eea236;
    color: #3cb521;
	z-index:10;
}
.am-help,.msg-help{
	position:absolute;
	top:0;
	right:40px;
	z-index:10;
}
.msg-help{
	width:80%;
}
.alert-table {
	margin-bottom:0;
}
.panel-footer > .panel-check{
	margin-left:-10px;
}
.btn-circle{
	border-radius:1.5em;
}
.btn-sch-filter-active{
	background-color: #df8a13;
	color:#fff;
}
.btn-sch-filter-active:hover{
	cursor:pointer;
}
.dropdown-menu > li > a {
	padding: 5px 20px;
}
.dropdown-menu > li > a:focus,.dropdown-menu > li > a:active{
	background-color: #0081c2;
	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
	background-repeat: repeat-x;
	color: #ffffff;
	border:none;
}
.dropdown-menu > li > a:hover {
	background-color: #0081c2;
	background-image: linear-gradient(to bottom, #59A5CC, #7EB2CC);
	background-repeat: repeat-x;
	color: #ffffff;
}
a.glyphicon {
	top: 0;
}
body.dragging, body.dragging * {
  cursor: move !important;
}

ul.myGroup_0 li.placeholder {
  position: relative;
  /** More li styles **/
}
ul.myGroup_0 li.placeholder :before {
  position: absolute;
  /** Define arrowhead **/
}
.nav.in{
	padding-left:10px;
}
.infobulle {
   position: relative;
   text-decoration: none;
   z-index:1;
}

/* Stylrd the upload file */
.file-align{
	display:block;
	width:472px;
	margin:0 auto;

}
.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  box-shadow:2px 2px 5px #000ccc;
  width:470px;
  margin:5px auto;
	background-color: hsl(0, 0%, 100%);
	background-image: none;
	border: 1px solid hsl(0, 0%, 80%);
	border-radius: 4px;
	box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.075) inset;
	color: hsl(0, 0%, 33%);
}
.file-wrapper input {
  cursor: pointer;
  font-size: 100px;
  height: 100%;
/*  filter: alpha(opacity=1); */
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
}
.file-wrapper .file_button {
  background: #516ACC;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  margin-right: 15px;
  padding: 5px 18px;
  text-transform: uppercase;
}
.file-holder{
	display: inline-block;
	font-weight: bold;
	line-height: 1.6;
	padding-left: 5px;
	padding-top: 5px;
}

.infobulle img{
   width:18px;
   height:18px;
}

.infobulle span {
   display: none;
}

.infobulle:hover {
   background: none;
   z-index: 5000;
   cursor: help;
}

.infobulle:hover span {
   display: inline;
   position: absolute;
   white-space: nowrap;
   top: -15px;
   left: 40px;
   background: white;
   color: blue;
   padding: 4px;
	border: 1px solid #86a9b6;
	border-radius:5px;
}
.infoText{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.input-group[class*="col-"] {
	float: none;
    padding-left: 15px;
    padding-right: 15px;
}
.drag:hover{
	cursor: move;
}

		.connected, .sortable, .exclude, .handles {
			margin: auto;
			padding: 0;
			width: 310px;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.sortable.grid {
			overflow: hidden;
		}
		.connected li, .sortable li, .exclude li, .handles li {
			list-style: none;
			border: 1px solid #CCC;
			background: #F6F6F6;
			font-family: "Tahoma";
			color: #1C94C4;
			margin: 5px;
			padding: 5px;
			height: 22px;
		}
		.handles span {
			cursor: move;
		}
		li.disabled {
			opacity: 0.5;
		}
		.sortable.grid li {
			line-height: 80px;
			float: left;
			width: 80px;
			height: 80px;
			text-align: center;
		}
		li.highlight {
			background: #FEE25F;
		}
		#connected {
			width: 440px;
			overflow: hidden;
			margin: auto;
		}
		.connected {
			float: left;
			width: 200px;
		}
		.connected.no2 {
			float: right;
		}
		li.dragged {
			position:absolute !important;
		  opacity: 0.5;
		  z-index: 2000;
		}
		li.placeholder {
			border: 1px dashed #CCC;
			background: none;
			height:40px;
			margin:2px 0;
		}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).select-out {
	width: initial;
}

.mainbloglist{
	height: 40px;
}
.trans-1{
	transition-duration: 1s;
	transition-property: width, height;
	transition-timing-function: ease-out;
}
.trans-2{
	display:none;
}
.ampopbody .navbar{
	transform:none;
}
.page-viewer{
	position:relative;
}
.page-viewer>.bg-fullscreen-fixed{
	position:absolute;
}
.thumb-mini>img{
	max-height:34px !important;
}
.addon-adj{
	top:0;
}
#side-menu li .active, li .strong{
	background:#ccc;
	font-weight:600;
	color:#fff;
	position:relative;
}
#side-menu li .active span{
	border-color: transparent #f1f1f1 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 30%;
    width: 0;

}

/** Zoom Image **/
#overlay {
	background-color: #151410;
	height: auto;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1190;
}
#lightbox {
	color: #151410;
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 20px;
	width: 100%;
	z-index: 1200;
}
#lightbox a, #lightbox a:hover {
	border-bottom: medium none;
	color: #151410;
	text-decoration: underline;
}
#lightbox a img {
	border: medium none;
}
#outerImageContainer {
	height: auto;
	margin: 0 auto;
	position: relative;
	width: auto;
}
#lightboxImage {
	height: 100%;
	width: 100%;
}
#imageContainerMain {
	font-size: 0;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	border-radius: 5px;
}
#imageContainer {
	background-color: #ffffff;
	font-size: 0;
	height: 10px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 10px;
}
#loading {
	font-size: 10px;
	height: 25%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
	z-index: 1;
}
#loadingLink {
	background: rgba(0, 0, 0, 0) url("../images/theme/loading.gif") no-repeat scroll center center;
	display: block;
	height: 32px;
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
	width: 32px;
}
#hoverNav {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}
#imageContainer > #hoverNav {
	left: 0;
}
#prevLinkImg, #nextLinkImg {
	display: block;
	height: 100%;
	outline-style: none;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 43px;
	z-index: 20;
}
* html #prevLinkImg, * html #nextLinkImg {
	background-image: url("data:image/gif;base64,AAAA");
}
#prevLinkImg {
	left: 0;
}
#nextLinkImg {
	right: 0;
}
#prevLinkImg:hover, #prevLinkImg.hover, #prevLinkImg:visited:hover {
	background: rgba(0, 0, 0, 0) url("../images/theme/prev.png") no-repeat scroll 5% center;
}
#nextLinkImg:hover, #nextLinkImg.hover, #nextLinkImg:visited:hover {
	background: rgba(0, 0, 0, 0) url("../images/theme/next.png") no-repeat scroll 97% center;
}
#imageDataContainer {
	background-color: #ffffff;
	font: 10px Verdana,Helvetica,sans-serif;
	width: 0;
	height:0;
	position:absolute;
}
#imageData {
	overflow: hidden;
	width: 100%;
}
#imageDetails {
	float: left;
	padding: 10px 10px 0;
	text-align: left;
	width: 70%;
}
#caption {
	display: block;
	font-weight: bold;
}
#numberDisplay {
	display: block;
	float: left;
	padding-right: 10px;
}
#detailsNav {
	display: block;
	float: left;
	padding: 0;
}
#prevLinkDetails, #nextLinkDetails, #slideShowControl {
	background-repeat: no-repeat;
	display: block;
	float: left;
	outline-style: none;
	transition: background-position 200ms linear;
}
#prevLinkDetails {
	background: rgba(0, 0, 0, 0) url("../images/theme/navigation.png") repeat scroll left center;
	height: 16px;
	margin: 1px 3px 3px;
	width: 16px;
	background-position: left 100%;
	height: 24px;
	margin: 2px;
	width: 24px;
}
#prevLinkDetails:hover{
	background-position: left 0;
}
#nextLinkDetails {
	background: rgba(0, 0, 0, 0) url("../images/theme/navigation.png") repeat scroll right center;
	height: 16px;
	margin: 1px 3px 3px;
	width: 16px;
	background-position: right 100%;
	height: 24px;
	margin: 2px;
	width: 24px;
}
#nextLinkDetails:hover{
	background-position: right 0;
}
#slideShowControl.started {
	background-image: url("../images/theme/navigation.png");
	background-position: -48px 100%;
}
#slideShowControl.started:hover {
	background-position: -48px 0;
}
#slideShowControl {
	background: rgba(0, 0, 0, 0) url("../images/theme/navigation.png") no-repeat scroll center center;
	display: block;
	float: left;
	height: 17px;
	width: 17px;
	background-position: -24px 100%;
	height: 24px;
	margin: 2px;
	width: 24px;
}
#slideShowControl:hover{
	background-position: -24px 0;
}
#close {
	float: right;
	padding: 10px 10px 4px;
}
#closeLink {
	background: rgba(0, 0, 0, 0) url("../images/theme/close.png") no-repeat scroll 0 0;
	display: block;
	background-position: 0 100%;
	height: 33px;
	margin: 0;
	outline-style: none;
	padding: 0;
	text-decoration: none;
	width: 33px;
	/*position:absolute;
	top:10px;
	right:4px;*/
	transition: background-position 100ms linear;

}
#closeLink:hover {
	background-position: 0 0%;
}

#outerImageFrame {
	border: 1px solid #ff0000;
	height: 100%;
	position: absolute;
	width: 100%;
}
#outerImageContainer {
	overflow: visible;
}
#outerImageContainer td {
	padding: 0;
	text-align: center;
}
#lightboxFrameBody {
	background-color: #ffffff;
	border: 5px solid #ffffff;
}
#outerImageContainer td, #outerImageContainer tr {
	border: 0 none;
	font-size: 0;
}
#outerImageContainer td.tl, #outerImageContainer td.br {
	height: 5px;
	width: 5px;
}
.vlb {
	display: none;
}
#outerImageContainer td.tl {
background-color: #acb7bd;
	background-image: url("../images/borderTopLeft.png");
}
#outerImageContainer td.tc {
background-color: #acb7bd;
	background-image: url("../images/borderTopCenter.png");
}
#outerImageContainer td.ml {
background-color: #acb7bd;
	background-image: url("../images/borderMiddleLeft.png");
}
#outerImageContainer td.mr {
background-color: #acb7bd;
	background-image: url("../images/borderMiddleRight.png");
}
#outerImageContainer td.bc {
background-color: #acb7bd;
	background-image: url("../images/borderBottomCenter.png");
}
#outerImageContainer td.tr {
background-color: #acb7bd;
	background-image: url("../images/borderTopRight.png");
}
#outerImageContainer td.bl {
background-color: #acb7bd;
	background-image: url("../images/borderBottomLeft.png");
}
#outerImageContainer td.br {
background-color: #acb7bd;
	background-image: url("../images/borderBottomRight.png");
}
/*======= Decoration =========*/

#vlightbox1 {
	width: 100%;
}
#vlightbox1 .vlightbox1 {
	display: inline-block;
	font-family: Trebuchet,Tahoma,Arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 5px;
	opacity: 0.87;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	width: 220px;
}
#vlightbox1 .vlightbox1 a {
	margin: 0;
}
#vlightbox1 .vlightbox1:hover, #vlightbox1 .vlightbox1 a:hover {
	opacity: 1;
	text-decoration: underline;
}
#vlightbox1 .vlightbox1 img {
	border: medium none;
	display: block;
	margin: 0;
}
#vlightbox1 .vlightbox1 div {
	display: none;
}

/*============Agenda===============*/
#dashplan{
	position:relative;
	margin-top:20px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
.am_agenda,.am_body,.am_navline{
	width:100%;
	position:relative;
}
.am_today_button,.am_prev_button,.am_next_button,.am_weekday,.am_add_rdv {
    cursor: pointer;
    text-align: center;
}
.am_data, .am_data div, .am_data table *, .am_header, .am_header div, .am_navline div{
    box-sizing: content-box;
}
.clt_plan.active{
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(247, 0, 20, 0.6);
    outline: 0 none;
}

/*==== Nav bar ====*/
.am_navline{
    color: #2f3a48;
    height: 60px;
    z-index: 3;
}
.am_navline div {
    position: absolute;
    white-space: nowrap;
}
.am_navline div {
    top: 14px;
}
.am_navline .am_date {
    padding-top: 1px;
}
.am_navline .am_date {
    border: 0 none;
    font-family: arial;
    font-size: 18px;
    font-weight: 400;
    left: 0;
    position: absolute;
    text-align: center;
    top: 14px;
    width: 100%;
    z-index: -1;
}

.am_tab {
    background-color: #d8e1ea;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
    text-align: center;
}
.am_date, .am_next_button, .am_prev_button, .am_tab, .am_today_button,.am_add_rdv {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #cecece;
    color: #454544;
    height: 30px;
    line-height: 30px;
}
.am_next_button, .am_prev_button {
    left: auto;
    width: 46px;
}
.am_today_button,.am_add_rdv {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 5px;
    color: #747473;
    font-family: arial;
    font-size: 12px;
    font-weight: 700;
    left: auto;
    right: 123px;
    text-decoration: none;
    width: 80px;
}
.am_prev_button {
    background: rgba(0, 0, 0, 0) url("images/arrow_left.png") no-repeat scroll center center;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    right: 61px;
}
.am_next_button {
    background: rgba(0, 0, 0, 0) url("images/arrow_right.png") no-repeat scroll center center;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    right: 14px;
}
.am_scale_hour {
    height: 44px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    width: 50px;
	border-right: 1px solid #cecece;
}
.am_scale_hour {
    background-color: #fff;
    border-bottom: 1px solid #cecece;
    color: #767676;
    font: 11px/44px Arial;
}
.am_user,.am_week{
    height: 100%;
    left: 50px;
    position: absolute;
    right: -1px;
    top: 0;
}
.am_scale_user,.am_scale_week {
	border-right: 1px solid #cecece;
	position:absolute;
}
.am_scale_week>.am_user {
	left:0;
}
.am_scale_week>.am_header {
	left:0;
	right:0;
	border:none;
}
.am_scale_event{
	border-radius:3px;
	position:absolute;
}
.am_tab {
    border-radius: 0;
    color: #747473;
    font-family: arial;
    font-size: 12px;
    font-weight: 700;
    padding-top: 0;
    text-decoration: none;
    width: 60px;
}
.am_tab_first {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.am_tab_last {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
/*==== Header ====*/
.am_header{
	position:absolute;
	left:50px;
	right:0;
	height:20px;
    border: 1px solid #cecece;	
}
.am_header_week{
	height:40px;
}
.am_bar {
    position: absolute;
    text-align: center;
}
.am_bar {
    /*background-color: #fff;*/
    border-right: 1px solid #cecece;
    color: #767676;
    font: 11px/16px Arial;
    padding-top: 2px;
}
/*==== Body ====*/
#calendar{
	display:table;
	width:100%;
	height:100%;
	margin-bottom:40px;
}
.am_body{
    border: 1px solid #cecece;	
    position: relative;
    top: 21px;
}
.am_body_week{
	top:41px;
}
.am_weekday {
    border-bottom: 1px solid #cecece;
}
.am_weekday.active {
    background:#cecece;
}

.am_event_title{
	float:left;
}
.am_event_resise,.am_event_menu{
  visibility: hidden;
-webkit-transition: visibility 0s 1s,opacity 1s ease-in-out;
    -moz-transition: visibility 0s 1s,opacity 1s ease-in-out;
    -ms-transition: visibility 0s 1s,opacity 1s ease-in-out;
    -o-transition: visibility 0s 1s,opacity 1s ease-in-out;
	opacity: 0;
}
.e_del,.e_val,.e_edit,.e_unval{
	margin-left:2px;
	height:20px;
	width:15px;
	float:left;
}
.am_event_menu{
	position:absolute;
	top:-1px;
	left:-15px;
	width:20px;
	border: 1px solid #309dcf;
	border-radius:2px;
	color: #fff;
background: #e9f6fd;
background: -moz-radial-gradient(center, ellipse cover,  #e9f6fd 0%, #d3eefb 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #e9f6fd 0%,#d3eefb 100%);
background: radial-gradient(ellipse at center,  #e9f6fd 0%,#d3eefb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fd', endColorstr='#d3eefb',GradientType=1 );
	z-index:100;
}
.am_scale_now{
	border:1px solid #404DC4;
	width:100%;
}
/*.e_del{
	position:absolute;
	top:0px;
	right:3px;
}
.e_val{
	position:absolute;
	bottom:0px;
	right:2px;
}
.e_edit{
	position:absolute;
	top:20px;
	right:2px;
}*/
.am_event_menu.open{
  visibility: visible;
-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
     opacity: 1;
}
/*.am_scale_event:hover>.am_event_menu,.am_scale_event:hover>.am_event_action,.am_scale_event:hover>.am_event_resise{
  visibility: visible;
-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
     opacity: 1;
}*/
/*========================*/
/* Calendar popup options */
/*========================*/
/*Calpopup*/
#calcontainer {
	position: absolute;
	left: 100px;
	top: 100px;
	visibility: hidden;
}

#calcontainer table {
	width: 100%;
	margin: 0;
	border: 2px solid #acacac;
}

#calcontainer thead img {
	border-width: 0;
	vertical-align: top;
}
* html #calcontainer thead img {
	vertical-align: middle;
}

#calcontainer td, #calcontainer th {
	font: 11px Arial,Helvetica,Sans-serif;
	color: #000;
	background: #e3e3e3;
	text-align: center;
	vertical-align: middle;
	height: 22px;
	width: 29px;
	padding: 0;
	white-space: nowrap;
}

#calcontainer th {
	color: #000;
	background-color: rgb(230, 236, 245);
	font-weight: normal;
}

#calcontainer td.calHighlightColor {
	background-color: #5C93F2;
}

#calcontainer td.calMonth, #calcontainer td.calYear {
	width: 58px;
}

#calcontainer a, #calcontainer a:link, #calcontainer a:visited, #calcontainer a:active {
	font: 11px Arial,Helvetica,Sans-serif;
	color: #000;
	text-decoration: underline;
}  
#calcontainer a:hover {
	color: #383848;
}

#calcontainer td a.today, #calcontainer td span.today {
	font-weight: bold;
}
#calcontainer tbody span {
	height: 22px;
	line-height: 22px;
	display: block;
}

#calcontainer .disabled {
	color: #666;
	cursor: pointer;
}  

#calcontainer tbody a, #calcontainer tbody a:link, #calcontainer tbody a:visited, #calcontainer tbody a:active {
	height: 22px;
	width: 29px;
	line-height: 22px;
	display: block;
	text-align: center;
	vertical-align: middle;
}

#calcontainer tbody a:hover {
	background-color: #ffd;
	color: #383848;
}

#calcontainer tfoot a, #calcontainer tfoot a:link, #calcontainer tfoot a:visited, #calcontainer tfoot a:active {
}
#calcontainer tfoot td {
	width: 203px;
	background: #c7c7c7;
}
#calcontainer thead td a, #calcontainer thead a:link, #calcontainer thead a:visited, #calcontainer thead a:active {
	display: inline;
}
/*=======================*/
/* Calendar menu options */
/*=======================*/
#calcontainer thead ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#calcontainer thead li {
	font: 11px/1.2 Arial,Helvetica,Sans-serif;
}
#calcontainer thead ul li {
	/* This allows each li to line up next to each other on a single line */
	display: inline;
	/* This allows each item to be horizontal. */
	float: left;
}
#calcontainer thead ul ul {
	border: 1px solid #acacac;
	background: #fff;
	padding: 1px;
	position: absolute;
	display: none;
	text-align: left;
}
* html #calcontainer thead ul ul {
	padding: 0 1px 1px;
}
#calcontainer thead #cp_prevMonth a {
	width: 13px;
	background: transparent url(caldown.gif) no-repeat 50% 0;
}
#calcontainer thead #cp_nextMonth a {
	width: 13px;
	background: transparent url(calup.gif) no-repeat 50% 0;
}
#calcontainer thead #cp_prevYear a {
	width: 13px;
	background: transparent url(caldown.gif) no-repeat 50% 0;
}
#calcontainer thead #cp_nextYear a {
	width: 13px;
	background: transparent url(calup.gif) no-repeat 50% 0;
}

#calcontainer thead li a,#calcontainer thead li a:link,#calcontainer thead li a:active,#calcontainer thead li a:visited {
	display: block;
	text-align: center;
}
#calcontainer thead li li a,#calcontainer thead li li a:link,#calcontainer thead li li a:active,#calcontainer thead li li a:visited {
	text-align: left;
	height: 13px;
	vertical-align: middle;
}
* html #calcontainer thead li li a,* html #calcontainer thead li li a:link,* html #calcontainer thead li li a:active,* html #calcontainer thead li li a:visited {
	height: 15px;
}
#calcontainer thead li a, #calcontainer thead li a:link, #calcontainer thead li a:active, #calcontainer thead li a:visited {
	display:block;
	text-decoration: none;
}
* html #calcontainer thead li a, * html #calcontainer thead li a:link, * html #calcontainer thead li a:active, * html #calcontainer thead li a:visited {
	width: 100%;
}
#calcontainer thead li a span {
	overflow: hidden;
	display: block;
}

#calcontainer thead li li {
	display: block;
	float: none;
}
#cp_monthMenu {
	width: 87px;
}
#cp_months {
	width: 88px;
	height: 180px;
	text-align: left;
}
* html #cp_months {
	left: 15px;
	top: 18px;
	height: 184px;
}
* html #cp_months a {
	width: 86px;
}
#cp_yearMenu {
	width: 58px;
}
#cp_years {
	height: 105px;
	width: 55px;
	text-align: left;
}
* html #cp_years {
	left: 129px;
}
* html #cp_years a {
	width: 53px;
}

#calcontainer thead li li a, #calcontainer thead li li a:link, #calcontainer thead li li a:active, #calcontainer thead li li a:visited {
	display: block;
	font: 10px/1.2 verdana,Arial,Helvetica,Sans-serif;
	border: 1px solid #fff;
	padding-left: 10px;
	text-decoration: none;
	color: #000;
}
#calcontainer thead li li a:hover {
	background: #e3e3e3;
	border: 1px solid #acacac;
}
#calcontainer thead ul.open {
	display: block;
}

/* to make sure that the image is aligned properly */
img.cp_img {
	border-width: 0;
	vertical-align: top;
}
* html img.cp_img {
	vertical-align: text-bottom;
}
.calender{
  position:relative;
  z-index:10;
}
.today{
	background-color:#5DB527;
	color:#fff;
}
.popcalender {
    height: 25px;
    position: absolute;
    right: -15px;
    top: 4px;
    width: 25px;
}
.addon{
	display:inline-block;
	width:auto;
}
#calcontainer{
	position:absolute;
	width:100px;
	heiht:100px;
}
#pv-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    transition: background-color 0.3s ease-in-out 0s;
    z-index: 2000;
}
#pv-content {
    position: absolute;
}
#pv-img-image {
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8 75%, #e8e8e8), -moz-linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8 75%, #e8e8e8);
    background-position: 0 0px, 30px 30px;
    background-size: 60px 60px;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
    max-height: 100%;
    max-width: 100%;
    position: absolute;
}

#pv-prev-area {
    left: 0;
}
#pv-next-area {
    right: 0;
}
#pv-prev-area, #pv-next-area {
    cursor: pointer;
    position: absolute;
    top: 50%;
	box-sizing: unset;
}
#pv-prev-area img, #pv-next-area img {
    box-sizing: unset;
    display: block;
    height: 48px;
    width: 48px;
    margin: -46px 0;
	padding:12px;
    opacity: 0.5;
    transition: all 0.2s ease-in-out 0s;
}
#pv-prev-area:hover img, #pv-next-area:hover img {
    background-color: rgba(27, 27, 27, 0.8);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
    opacity: 1;
}
#pv-prev-area img {
    border-radius: 0 8px 8px 0;
    padding-left: 48px;
}
#pv-next-area img {
    border-radius: 8px 0 0 8px;
    padding-right: 48px;
}

#pv-bottombar {
    box-sizing: unset;
    background-color: #1b1b1b;
    bottom: 0;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
    left: 0;
    position: fixed;
    right: 0;
    z-index: 5;
}
#pv-buttons .bar-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}
#pv-buttons {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#pv-buttons .bar-right {
    float: right;
}
#pv-buttons .bar-button {
    cursor: pointer;
    display: block;
    line-height: 48px;
    opacity: 0.7;
    transition: all 0.2s ease-in-out 0s;
}
#pv-buttons .bar-right {
    float: right;
}
#pv-buttons .bar-left {
    float: left;
}
#pv-buttons .bar-label {
    color: #fff;
    display: block;
    height: 48px;
    line-height: 48px;
    opacity: 0.7;
    padding: 0 12px;
    transition: all 0.2s ease-in-out 0s;
}
#pv-buttons img {
    box-sizing: unset;
    height: 24px;
    position: relative;
	padding:12px;
    width: 24px;
}
/*selectImg help for data image */
.selectImg:hover{
	cursor:pointer;
}
.selectImg img{
	margin: 0;
	padding: 2px;
}
.selectImg>span{
	display:none;
	position:absolute;
    background:#12EA3A;
    height: 14px;
    width: 14px;
	border-radius: 50%;
	top:5px;
	right:5px;
}
.selectImg.active>span{
	display:block;
}