:root
{
    --text-color: #01579b;
	--next-color: #F1C40F;
}

html,
body {
    height: 100%;
    color: var(--text-color);
}

body {
    margin: 0;
}

.collapsible, .collapsible-header {
	border-radius: 10px;
}

.btn, .btn-floating {
	background-color: var(--text-color);
}
.btn:hover, .btn-large:hover, .btn-small:hover {
	background-color: var(--next-color) !important;
}

.material-tooltip{
	background-color: var(--next-color);
}

.swal2-popup.swal2-toast .swal2-title {
	text-align: center !important;
	color: var(--text-color) !important;
}

.swal2-popup.swal2-toast .swal2-html-container {
	text-align: center !important;
	color: var(--text-color) !important;
}

.swal2-container {
	width: 400px !important;
}

.swal2-toast {
	width: max-content !important;
}

.swal2-footer {
	height: 40px !important;
}

.swal2-popup {
	font-family: "Poppins", sans-serif !important;
    color: var(--text-color) !important;
}

h1,h2,h3,h4,h5,h6 {
	color: var(--text-color);
}

input{
	color: var(--text-color);
}

.flex-container {
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-container-column {
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.inline-menu a i{
    font-size: 45px !important;
}

/* MENU LMATERAL */
nav .nav-wrapper {
	background-color: white;
}

#side-menu > i {
	color: #01579b;
}

nav .brand-logo img {
	margin-top: 5%;
}

.main-loader {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 1);
	z-index: 1004; /*car .modal à un z-index 1003 par defaut*/
}

.sidenav {
	background: rgb(3,155,229);
	background: linear-gradient(90deg, rgba(3,155,229,1) 27%, rgba(58,102,159,1) 100%);
	color: white;
}

/* TABS ------------------------------------------------ */

.tabs .tab:hover {
	background-color: var(--next-color);
}

.tabs .tab a {
	color: var(--text-color);
}

.tabs .tab a:hover {
	background-color: transparent;
    color: var(--text-color);
}

.tabs .tab a.active {
	background-color: #f1c40f3b;
    color: var(--text-color);
}

.tabs .indicator {
	background-color: var(--text-color);
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: var(--next-color);
    outline: none;
    color: white;
}

.breadcrumb {
	color: var(--next-color);
}

.breadcrumb a:hover {
    color: #023ac8;
}
/* ------------------------------------------------------ */

.dataTable {
    width: 100%;
    border-radius: 8px;
}

table.dataTable.no-footer,
table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 0;
}

table.dataTable tbody tr:hover {
    background-color: #eecf54;
}

table.dataTable tbody tr:hover td.sorting_1 {
    background-color: #F1C40F;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: var(--text-color);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: var(--text-color) !important;
    background: #F1C40F;
    border: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: white !important;
    background: #F1C40F;
    border: 0;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    color: white;
    background: #F1C40F;
    border: 1px solid var(--text-color);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--text-color);
    color: white;
    border: 0;
}

/* ------------------------------------------------------ */

.sidenav li>a {
	padding: 0 16px;
	color: white;
}

.sidenav li>a>i.material-icons{
	color: white;
}

.sidenav .user-view .circle{
	padding: 10px;
	margin: auto;
}

.sidenav .user-view {
	text-align: center;
	padding: 20px;
	transition: background-color 1s ease-in-out; 
	color: white;
}

.sidenav .user-view:hover {
	background-color: white;
	color: teal;
}

.sidenav li:not(:first-child) :hover{
	background:  var(--text-color);
/* 	background: linear-gradient(90deg, rgba(140,199,79,1) 27%, rgba(84,159,58,1) 100%); */
}

.sidenav li:not(:first-child) a:hover{
	color:  var(--next-color);
/* 	background: linear-gradient(90deg, rgba(140,199,79,1) 27%, rgba(84,159,58,1) 100%); */
}

.sidenav li .collapsible-body li{
	background: rgb(106,167,241);
	background: linear-gradient(90deg, rgba(106,167,241,1) 0%, rgba(157,203,232,1) 100%);
}

.sidenav li .collapsible-body li:hover{
	background:  var(--text-color);
/* 	background: linear-gradient(90deg, rgba(140,199,79,1) 27%, rgba(84,159,58,1) 100%); */
}

.sidenav li .collapsible-body li a:hover{
	color:  var(--next-color);
/* 	background: linear-gradient(90deg, rgba(140,199,79,1) 27%, rgba(84,159,58,1) 100%); */
}

#navbar-menu-logout:hover{
	background: rgb(232,181,92);
	background: linear-gradient(90deg, rgba(232,181,92,1) 0%, rgba(241,147,15,1) 100%);
	color: white;
}

/* -------------------------------------------------------- */

/* Mobile (<=600px) */
@media only screen and (max-width: 600px) {
/*   	input { */
/*    		font-size: 1rem !important; */
/*    		height: 2rem !important; */
/*    		margin: 0 !important; */
/*   	} */
  	
/*   	.collapsible-body { */
/*   		padding: 10px; */
/*   	} */
}
/* Tablette (>600px) */
@media only screen and ( min-width : 601px ){

}
/* Desktops (>992px) */
@media only screen and ( min-width : 993px ){

}
/* Desktops (>1200px) */
@media only screen and ( min-width : 1201px ){

}