/*
 * la condition pour que ça s'applique entre parenthèses exemple :max-width s'applique tant que la largeur n'a pas dépassé
 * SUPER !!!!
 */
@media (min-width: 900px) {
	.xsVisible{
		display: none !important;
	}
}

@media (max-width: 900px) {
    .xsHidden{
		display: none !important;
	}

    body {
    	padding-left: 0;
    	padding-right: 0;
  	}
  
  	.content {
  		position: relative;
  		top: 52px;
  		left: 0px;
		padding: 0px 2px 0px 2px;
    	margin-left: 0;
    	margin-right: 0;
   		width:100%;
   		height:calc(100vh - 55px);
  	}
  
	.widget {
    	padding-left: 5px;
    	padding-right:5px;
	}
	
	.dropdown-menu {
		left:-200px;
		right:100px;
	}
	.colorMenu{
		left:0px;
		right:0px;
	}
	.navbar-nav .open .dropdown-menu {
		position: absolute;
		float: none;
		width: auto;
		margin-top: 0;
		background: rgba(51, 51, 51, 0.85);
		border: 0;
		box-shadow: none;
		
	}
	
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 18px;
	}
	
	.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
		background-image: none;
	}

	.sidebar.nav-collapse,
	.sidebar.nav-collapse.collapse {
		overflow: hidden;
		height: 0;
		margin: 0;
		padding: 0;
	}

	.sidebar.nav-collapse.collapse.in {
		height: auto;
	}

	.sidebar,
	.sidebar-on-right .sidebar {
		display: none;
		position: relative;
		top: 50px;
		left: 0;
		padding: 0;
		z-index: 2;
		max-height: calc(100vh - 50px);
		width: 98%;
	}
	
	.sidebar .side-nav,
	.sidebar-on-right .sidebar .side-nav {
		margin: 10px 0;
		width: 200px;
	}
	
	.sidebar + .wrap, .sidebar-on-right .sidebar + .wrap {
		margin-left: 0;
		margin-right: 0;
	}
	
	.nv-controlsWrap {
		display: none;
	}
	
	.logo,
	.sidebar-on-right .logo,
	.sidebar-hidden .logo {
		display: none;
		left: 1.6%;
		right: auto;
		padding-right: 5px;
		width: 4px;
		top: 4px;
	}
	
	.widget-404-search, .widget-404 {
		width: 402px;
	}
	
	.widget-404 {
		padding: 0;
	}
	.widget-404 .body {
		margin-top: 0;
	}
	.single-widget-container .widget-404-search {
		margin-top: 0;
	}
	.single-widget-container .widget-404-search .search-field {
		width: 285px;
	}
	.single-widget-container.error-page {
		margin-top: -170px;
	}
	.navbar .nav > li > .dropdown-menu.messages,
	.navbar .nav > li > .dropdown-menu.support {
		margin-right: -68px;
	}
	.navbar .nav > li > .dropdown-menu.messages:after,
	.navbar .nav > li > .dropdown-menu.support:after {
		right: 85px;
	}

	.table-responsive {
		width: 100%;
		margin-bottom: 13.5px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid rgba(51, 51, 51, 0.35);
	}
	.table-responsive > .table {
		margin-bottom: 0;
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}
	.table-responsive > .table-bordered {
		border: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right: 0;
	}
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom: 0;
	}
	
	.modalWindows{
		margin-left: 0; 
		margin-top: 0; 
		transform: inherit;
		top: 50px;
		left:2px;
		height: calc(100vh - 3px);
		width: calc(100vw - 3px);
	}

	.modal-content {
		padding: 5px;
	}

	.modal2{
		left: 10px;
		top: 30px;
		width: calc(100vw - 10px); /* Full width */
	}
	.modal1{
		left: 10px;
		top: 30px;
		width: calc(100vw - 15px); /* Full width */
    	height:calc(100vh - 35px); /* Full height */
	}
	
	.player{
		margin:0 0px;
	}
	
	.headerTitle {
	    margin: 0 0 0 20px;
	}

	#page-header .nav > li.divider {
		display: none;
	}
	#page-header .nav > li > a {
		width: 24px;
	}
	.navbar-right{
		padding-right: 0px;
	}

	.headerIcon {
		font-size: 19px;
		width: 30px;

	}
	/*ajustement pour le composant planning*/
	.fc .fc-toolbar-title{
		font-size: 1em;
	}
    .fc-addAllDays-button, .fc-myCustomButton-button, .fc-today-button{
        display: none !important; 
    }
}