.bg-zebra, .bg-zen
{
	background-color: 	#263553 !important;
}

.select2-noFloat .select2-selection__choice
{
	float:	 	inherit !important;	
}

body
{
	font: normal 12px Verdana;	
}
#content_wrapper
{
	height: 	100vh;
	overflow: 	hidden;	
}

.panel-zen, 
.panel-zebra 
{
    border-color: transparent;
}

.panel-zen > .panel-heading, .panel-zen > .panel-heading-nodrag ,
.panel-zebra > .panel-heading, .panel-zebra > .panel-heading-nodrag 
{
	_background-color: #444; 
    _background: linear-gradient(to bottom, #999, #444);
    _border-color: #444;
    _color: #FABD1E;
	background-color: #263553; 
    border-color: #263553;
    color: #FFF;
}
.panel-zen > .panel-body; 
.panel-zebra > .panel-body 
{
	border: 1px #ccc solid;
}
.panel-zen > .panel-heading + .panel-body,
.panel-zebra > .panel-heading + .panel-body
 {
	border-top: none;
}

.breadcrumb 
{
	background-color: #263553; 
    _background: linear-gradient(to bottom, #999, #444);
    border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 0px;
    padding: 8px 15px;
    color: #FFF;
}

.header a, .panel-heading a
{
	color: #fff;
	cursor: pointer;
}

.header a:hover, .panel-heading a:hover
{
	color: #ccc;
	cursor: pointer;
}

.panel-heading li a
{
	color: #666;
	cursor: pointer;
}

.header a:hover, .panel-heading a:hover
{
	color: #333;
	cursor: pointer;
}

.hl, .highlight
{
    background-color: 	#fc0;
    color: 				#000;
    font-size: 			12px;
    font-weight: 		bold;
    padding: 			2px;
    font-style: 		inherit;
    text-decoration:	inherit;
    margin:		 		inherit;
}

.form-group .ui-datepicker-trigger
{
	font-size: 	 		16px;
	padding: 			8px;
}

.navbar, .navbar .list-group-item
{
	_background-color: 	#263553;	
	background-image: 	linear-gradient(to right, #46B79A, #C8D52F);
	color: 				#263553;
	margin-bottom: 		0px;
}

.navbar .list-group-item
{
	border: 			0px;
	border-color: 		#000;	
}

.navbar .dropdown-menu .list-group-item
{
	background-color: 	#FFF;	
	padding: 			0px;
	border: 			0px;
} 

#bar_view_admin .list-group .list-group-item
{
	background-color: 	#FFF;	
	padding: 			10px;
	border: 			0px;
	padding-left: 		20px;
} 

.navbar a, .navbar-default .navbar-nav>li>a
{
	color: 				#337ab7;
}
.navbar a:hover, .navbar a:focus 
{
	color: 				#fff !important;
	background-color: 	#4eb69a !important;
}
.navbar .menu_main
{
	
}
.navbar .menu_main_selected
{
	color: 				#fff !important;
	background-color: 	#4eb69a !important;
}

.navbar-default .navbar-toggle {
	border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #fff;
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #263553;
}
.navbar-brand {
	padding: 5px;
}

.datepickerResult
{
	width: 		calc(100% - 32px);
	float: 		left;	
}

.fc-day-header
{
	padding-top: 		4px !important;
	padding-bottom: 	4px !important;	
	background-color: 	#EFEFEF !important;
}
.fc-resource-cell
{
	padding-top: 		4px !important;
	padding-bottom: 	4px !important;	
}

.fc-time-grid .fc-slats td 
{
    height: 2.2em !important;
}
.fc-event-container 
{
	margin: 	0px !important;	
}

.cellHourDone
{
	font-weight: 		normal;	
}
/*
.tooltipCalendar + .tooltip > .tooltip-inner 
{
	background-color: 	#FFF !important;
	color: 				#000 !important;
	border:				1px solid #000;
	padding: 			10px;
	text-align: 		left;
}
*/
.tooltip .tooltip-inner 
{
	background-color: 	#FFF !important;
	color: 				#000 !important;
	border:				1px solid #000;
	padding: 			10px;
	text-align: 		left;
	z-index: 			65000;
	max-width: 			400px;
}
.ui-pnotify-icon, 
.ui-pnotify-icon span 
{
    float: 				right;
    margin-right: 		0;
}

.filter_presence_user 
{
	padding: 			0px;
}

.filter_presence_user button
{
	background-color: 	#FFF;
	color: 				#000;
	border-radius: 		3px;
	border: 			1px solid #ccc;	
}

/* charts */

.ct-label
{
	font-size: 		0.90rem;
	color: 			rgba(0,0,0,.8);
}



.site_logo
{
	height: 		100% !important;	
}

.menu5 a
{
	background-color: 	#4EB69A !important;
	margin-right: 		1px !important;	
}
.menu5 a:hover
{
	background-color: 	#AEEAD9 !important;
	color: 				#13926F !important;
	margin-right: 		1px !important;	
}

.menu6
{
	background-color: 	rgba(255,255,255,0.5);	
	margin-right: 		1px !important;	
	text-align: 		center !important;
}


.panel, .panel-heading, .lobipanel>.panel-heading, .breadcrumb, .nav-tabs>li>a,
.panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.form-control,
.btn,
.dropdown-menu,
.btn-group-sm>.btn, .btn-sm,
.btnright .btn,
.input-group-addon,
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl,
.navbar {
    border-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
	.mg15-sm {
		margin-right: 15px;
	}
	.navbar-nav.navbar-public>li>a {
	    padding-top: 25px;
	    padding-bottom: 25px;
	    font-size: 14px;
	}
}

.navbar.navbar-public .navbar-brand {
	height: initial;
}

.navbar.navbar-public .navbar-brand img {
	max-height: 72px;
}
.w100p {
	width: 100%;
}
		

/* add calendar */

.fc-day-header
{
	background-color: 	#FFC66D !important;
	font-size: 			14px !important;
}

.fc-axis
{
	background-color: 	#FFC66D !important;
	font-weight: 		bold !important;
}

.bugfirstindex [data-original-index="0"]
{
	display: none;
}

/* divers */

.switchTypeDiscount
{
	cursor: 			pointer;	
}

#userCard .dz-preview
{
	display: 			none !important;	
}

.usercard_term .ui-datepicker-trigger
{
	margin-top: 		3px !important;
}
.usercard_term input
{
	height: 			23px !important;
	padding-left: 		5px !important;
	padding-right: 		2px !important;	
	font-size: 			11px !important;
}

@media print {
  #calendar .fc-toolbar .btn { display: none !important; }
}


.fc-hasUser {
    _width: 10em;
    _height: 6em;
    _border: 4px solid #ccc;
    _background-color: #fff;
    position: relative;
}

.fc-list-heading::before,
.fc-list-heading::after,
.fc-list-item::before,
.fc-list-item::after {
    content: '';
}
.fc-hasUser::before,
.fc-hasUser::after {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    border-color: transparent;
    border-style: solid;
}

.fc-hasUser::before {
    _border-width: 1.5em;
    _border-right-color: #ccc;
    _border-top-color: #ccc;
}

.fc-hasUser::after {
    border-radius: 0.4em;
    border-width: 1em;
    border-right-color: #0c0;
    border-top-color: #0c0;
}

/* panel */

/* news shared */
.news
{
	
}
.news .newscat
{
	
}
.news .newscat .title
{
	cursor: 			pointer;
	color: 				#999;
	background-color: 	#DDD;
	border-bottom:		4px solid #CCC;
	border-radius: 		2px;
	box-shadow:			1px 1px 1px #666;
	flex: 				1;
	text-align: 		center;
}
.news .newscat .title.selected
{
	color: 		#337ab7;
	background-color: 	#FFF;
	border-bottom:		4px solid #263553;
}
.news .newscat .title:hover
{
	background-color: 	#FFF;
	border-bottom:		4px solid #E06D06;
}
.news .panel-title 
{
	overflow: 		auto;
	_display: 		flex;
}
.news .panel-title .cattitle
{
	font-size: 		16px;
	font-weight: 	bold;
	float: 			left;
	margin-right: 	5px;
}
.news .panel-title .newstitle
{
	font-size: 		14px;
	font-weight: 	normal;
	float: 			left;
	margin-right: 	5px;
	margin-top: 	2px;
}
.news .panel-title .newsdate
{
	font-size: 		12px;
	font-weight: 	normal;
	float: 			right;
	align-self: 	flex-end;
	margin-top: 	4px;
}

.clickme
{
	border: 			1px dashed #3bafda;
	padding: 			5px;
	cursor: 			pointer;
}
.clickme:hover
{
	border: 			1px solid #3bafda;
	padding: 			5px;
	background-color: 	#66c1e2;
	cursor: 			pointer;
}
.clickme_cible
{
	border: 			1px solid #70ca63;
	background-color: 	#93d789;	
}



@media screen and (min-width: 768px) 
{
	#public .navbarweb
	{
		display: 	block !important;
	}
	#public .navbarweb li i
	{
		display: 	none;
	}
	#public .navbarmobile
	{
		display: 	none !important;
	}
		
	#public .navbar-right
	{
		float: 	right !important;
	}
}

@media screen and (max-width: 767px) 
{
	#public .navbarweb
	{
		display: none !important;
	}
	#public .navbarmobile
	{
		display: block !important;
		padding-left: 	10px;
		padding-right: 	10px;
	}

	#public #main > .container
	{
		padding: 	0px;
	}
	#public #main .container .container-fluid
	{
		padding: 	0px;
	}
	#public .container-fluid > .navbar-nav 
	{
		margin: 	0px;
	}
	#public .container-fluid > .navbar-collapse 
	{
		margin: 		0px;
		_padding-left: 	10px;
		_padding-right: 	10px;
	}
	#public .navbar
	{
		background-image: 	linear-gradient(to right, #46B79A, #C8D52F);
		margin-bottom: 		inherit;
	}
	#public .navbar-collapse
	{
		_background-image: 	linear-gradient(to right, #92D6C5, #DFE787);
		background-image: 	linear-gradient(to right, #46B79A, #C8D52F);
		color: 				#000;
	}
	#public .navbarmobile .navbar-toggle
	{
		float: 				inherit;
		background-color: 	inherit;
	}
		

	#public .navbar a, .navbar-default .navbar-nav>li>a
	{
		color: 				#FFF;
	}

	#public #connexion 
	{
		margin-left: 		auto;
		margin-right: 		auto;
		width: 				90%;
		max-width: 			350px;
	}
	
	#public #connexion .login-btn
	{
		font-size: 			140%;
	}
	#public .modal-content
	{
		box-shadow: 		inherit;
		-webkit-box-shadow: inherit;
		padding: 			0px !important;
	}
	#public .modal-login 
	{
		margin-top: 		0px !important;
	}
	#public .modal-login .modal-title,
	#public .modal-login .modal-header,
	#public .modal-login .avatar
	{
		display: 			none;
	}
	
	#public .panel > .panel-heading
	{
		_background-color: 	#46B79A;
	}
}


/* Bordure de journée dans le fullCalendar */
/* On cree un pseudo-élément dans chaque cellule
 * d'en-tête de jour */
th.fc-day-header:after {
    content: "";
    position: absolute;
    right: -2px;
    top: 0;
    height: 90vh; /* /!\ susceptible de créer une scrollbar */
    width: 3px;
    background: #999;
    z-index: 10;
}
/* On positionne la cellule d'en-tête pour que 
 * le pseudo-élément colle bien à la droite comme une bordure */
th.fc-day-header {
    position: relative;
}
/* On empêche le pseudo-élément de déborder en bas du fullCalendar
 * et de créer une scrollbar */
.fc-view-container {
    overflow: hidden;
}
/* On masque la bordure visible à droite en vue par moniteur */
.fc-content-col .br-black {
    border-color: transparent !important;
}

/* On organise l'en-tête élève du planning en flexbox */
#zen_agenda_listUser > .table:nth-of-type(1) tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: initial !important; /* OU MIEUX: supprimer le JS qui calcule la hauteur du TR */
}



/*!
 * bootstrap-vertical-tabs - v1.1.0
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-06-06
 * Copyright (c) 2014 Ä°smail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.vertical-text {
  margin-top:50px;
  border: none;
  position: relative;
}
.vertical-text>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.vertical-text>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.vertical-text>li.active>a,
.vertical-text>li.active>a:hover,
.vertical-text>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.vertical-text.tabs-left {
  left: -50px;
}
.vertical-text.tabs-right {
  right: -50px;
}
.vertical-text.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vertical-text.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.planning_event_full
{
	background-color: gray;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 15px, rgba(255,255,255,.5) 15px, rgba(255,255,255,.5) 30px);
}

.planning_event_full_2
{
	 background: 
  linear-gradient(135deg, grey 15%, transparent 25%) -50px 0,
  linear-gradient(225deg, grey 15%, transparent 25%) -50px 0,
  linear-gradient(315deg, grey 15%, transparent 25%),
  linear-gradient(45deg, grey 15%, transparent 25%);	
  background-size: 2em 2em;
  background-color: rgba(255,255,255,.5);
  
}

/* Scrollbars - Mozilla */
* {
    scrollbar-width: thin;
    scrollbar-color: #4EB993 #ededed;
}
/* Scrollbars - Chromium */
::-webkit-scrollbar,
.panel ::-webkit-scrollbar {
	width: 10px;
    height: 10px;
    -webkit-appearance: none;
}
::-webkit-scrollbar-thumb,
.panel ::-webkit-scrollbar-thumb {
	border-radius: 0px;
    cursor: pointer;
    background: #4EB993;
    transition: all 0.2s ease;
}
::-webkit-scrollbar-thumb:hover,
.panel ::-webkit-scrollbar-thumb:hover {
	background: #46B79A;
}
::-webkit-scrollbar-track,
.panel ::-webkit-scrollbar-track {
	background: #ededed;
	border-color: #ccc;
    border-radius: 0px;
}

/* Dashboard */
#dashboard_main .lobipanel-parent-sortable {
	margin-bottom: 25px;
}

/* datatables form fields */
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
    border: 1px #222 solid;
    padding: 5px;
}

/* Mobile menu */
@media (max-width: 767px) {
	#customer .container-fluid > .navbar-collapse {
		height: 100%;
    	display: block;
    	transform: translateX(-100%);
    	transition: all ease .4s;
		height: 100% !important;
	}
	#customer .container-fluid > .navbar-collapse[aria-expanded=true] {
		transform: translateX(0);
	}
	#navbarCollapse .nav li a {
		padding-top: 10px;
    	padding-bottom: 12px;
    	font-size: 1.5rem;
	}
	.navbar-fixed-side .navbar-left, .navbar-right {
		flex-direction: column;
	}
	
	#customer .navbar-collapse,
	#customer .navbar {
		background-image: none !important;
    	background: #1e3155;
	}
	#customer .navbar-default .navbar-toggle:focus .icon-bar,
	#customer .navbar-default .navbar-toggle:hover .icon-bar {
		background-color: #fff;
	}
	#customer .navbar-header .navbarmobile > .pull-right:not(.hide) {
		background: transparent url(https://www.magestionzen.fr/logo_mgz_fond_couleur.png) 0 5px no-repeat;
    	width: 40px;
    	background-size: contain;
	}
	#customer .navbar-header .navbarmobile > .pull-right:not(.hide) img {
		display: none;
	}
}

/* Planning - largeur traits entre les enseignants */
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-right: 2px #ccc solid !important;
}