/*--------------------------------------------------------------------------*\
	imports
\*--------------------------------------------------------------------------*/

	/*--------------------------------------------------------------------------*\
		variables
	\*--------------------------------------------------------------------------*/	

		@import url('imports/variables.css');

	/*--------------------------------------------------------------------------*\
		elements
	\*--------------------------------------------------------------------------*/

		@import url('imports/elements/btn.css');
		@import url('imports/elements/burger.css');
		@import url('imports/elements/card.css');
		@import url('imports/elements/checkbox.css');
		@import url('imports/elements/circle.css');
		@import url('imports/elements/confetti.css');
		@import url('imports/elements/container.css');
		@import url('imports/elements/file.css');
		@import url('imports/elements/flash.css');
		@import url('imports/elements/footer.css');
		@import url('imports/elements/group.css');
		@import url('imports/elements/header.css');
		@import url('imports/elements/icon.css');
		@import url('imports/elements/input.css');
		@import url('imports/elements/loaders.css');
		@import url('imports/elements/menu.css');
		@import url('imports/elements/modal.css');
		@import url('imports/elements/page.css');
		@import url('imports/elements/phone.css');
		@import url('imports/elements/progress.css');
		@import url('imports/elements/proposal.css');
		@import url('imports/elements/rating.css');
		@import url('imports/elements/search.css');
		@import url('imports/elements/select.css');
		@import url('imports/elements/sidebar.css');
		@import url('imports/elements/spreadsheet.css');
		@import url('imports/elements/table.css');
		@import url('imports/elements/title.css');
		@import url('imports/elements/toggle.css');
		@import url('imports/elements/tooltip.css');
		@import url('imports/elements/topbar.css');
		@import url('imports/elements/tutorial.css');
		@import url('imports/elements/unit.css');
		@import url('imports/elements/video.css');
		@import url('imports/elements/widget.css');
		@import url('imports/elements/wysiwyg.css');

	/*--------------------------------------------------------------------------*\
		properties
	\*--------------------------------------------------------------------------*/

		@import url('imports/properties/animations.css');
		@import url('imports/properties/bg.css');
		@import url('imports/properties/brd.css');
		@import url('imports/properties/bsh.css');
		@import url('imports/properties/col.css');
		@import url('imports/properties/display.css');
		@import url('imports/properties/height.css');
		@import url('imports/properties/margin.css');
		@import url('imports/properties/padding.css');
		@import url('imports/properties/row.css');
		@import url('imports/properties/txt.css');
		@import url('imports/properties/width.css');
	
/*--------------------------------------------------------------------------*\
	tags
\*--------------------------------------------------------------------------*/

	/*--------------------------------------------------------------------------*\
		*
	\*--------------------------------------------------------------------------*/

		*,*:before,*:after{
			/*box*/
			box-sizing:border-box;
			margin:0;
			padding:0;
			
			/*border*/
			outline:none;

			/*other*/
			-webkit-appearance:none;
			appearance:none;
		}

	/*--------------------------------------------------------------------------*\
		html
	\*--------------------------------------------------------------------------*/

		html{
			/*box*/
			-webkit-tap-highlight-color:transparent;
			scroll-behavior:smooth;
		}

	/*--------------------------------------------------------------------------*\
		body
	\*--------------------------------------------------------------------------*/

		body{
			/*box*/
			position:relative;
			overflow-x:hidden;

			/*background*/
			background-color:var(--white);
			
			/*text*/
			color:var(--dark-medium-grey);
			font-family:'Lato','Helvetica','sans-serif';
			font-size:18px;
			line-height:1.4;
			text-rendering:optimizeLegibility;
			-webkit-font-smoothing:antialiased;
		}

	/*--------------------------------------------------------------------------*\
		main
	\*--------------------------------------------------------------------------*/

		main{
			/*box*/
			position:relative;
			display:block;
			margin-left:auto;
			margin-right:auto;
			min-height:calc(100vh - 123px) !important;/* permet d'avoir toujours la sidebar et le widget bien positionné */
			width:100%;
		}

	/*--------------------------------------------------------------------------*\
		section
	\*--------------------------------------------------------------------------*/

		section{
			/*box*/
			position:relative;
			width:100%;
		}

	/*--------------------------------------------------------------------------*\
		form
	\*--------------------------------------------------------------------------*/

		form{
			/*box*/
			position:relative;/*pour que le is-loading fonctionne bien*/
		}

	/*--------------------------------------------------------------------------*\
		autres tags
	\*--------------------------------------------------------------------------*/

		a{
			/*background*/
			background-color:transparent;
			
			/*text*/
			text-decoration:none;
		}

		img{
			/*box*/
			vertical-align:middle;
			object-fit:contain;
			
			/*border*/
			border:0;
		}

		ul{
			/*text*/
			list-style:none;
		}

	/*--------------------------------------------------------------------------*\
		placeholders sur input et textarea
	\*--------------------------------------------------------------------------*/

		input::-webkit-input-placeholder,
		textarea::-webkit-input-placeholder{ /* Edge */
			/*text*/
			color:var(--pastel-strong-grey);
		}

		input:-ms-input-placeholder,
		textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
			/*text*/
			color:var(--pastel-strong-grey);
		}

		input::placeholder,
		textarea::placeholder{
			/*text*/
			color:var(--pastel-strong-grey);
		}

/*--------------------------------------------------------------------------*\
    Export EXCEL
\*--------------------------------------------------------------------------*/

    #xls{
        /*box*/
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:center;
        padding:5px;
        cursor: pointer;
		min-width: 150px;

        /*border*/
        border-radius:3px;
        border:none;

        /*transition*/
        -webkit-transition:background-color 0.3s;
        -o-transition:background-color 0.3s;
        -moz-transition:background-color 0.3s;
        -ms-transition:background-color 0.3s;
        transition:background-color 0.3s;
    }

    #xls:not(.bg-hidden-gradient){
        /*background*/
        background-color:var(--excel-green);
    } 

    #xls.bg-hidden-gradient{
        /*background*/
        background-color:var(--pastel-medium-grey);
    }

    #xls:not(.bg-hidden-gradient):hover{
        /*background*/
        background-color:rgb(0,81,36);
    }

    #xls>svg{
        /*box*/
        height:25px;
        margin:0px 10px;
    }

    #xls:not(.bg-hidden-gradient)>svg{
        /*background*/
        fill:var(--white);
    } 

    #xls.bg-hidden-gradient>svg{
        /*background*/
        fill:var(--main-light-grey);
    }

    #xls>span{
        /*text*/
        font-size:13px;
        font-weight:600;
    }

    #xls:not(.bg-hidden-gradient)>span{
        /*background*/
        color:var(--white);
    } 

    #xls.bg-hidden-gradient>span{
        /*background*/
        color:var(--main-light-grey);
    }

/*--------------------------------------------------------------------------*\
    Statistics
\*--------------------------------------------------------------------------*/

    #statistics{
        /*box*/
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:center;
        padding:5px;
        cursor: pointer;
		min-width: 150px;

        /*border*/
        border-radius:3px;
        border:none;

        /*background*/
        background-color:var(--main-medium-blue);

        /*transition*/
        -webkit-transition:background-color 0.3s;
        -o-transition:background-color 0.3s;
        -moz-transition:background-color 0.3s;
        -ms-transition:background-color 0.3s;
        transition:background-color 0.3s;
    }

    #statistics:hover{
        /*background*/
        background-color:var(--main-strong-blue);
    }

    #statistics>svg{
        /*box*/
        height:25px;
        margin:0px 10px;

		/*background*/
        fill:var(--white);
    }

    #statistics>span{
        /*text*/
        font-size:13px;
        font-weight:600;
        color:var(--white);
    }