/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
  text-align: center;
}

/* Grouping content
   ========================================================================== */
.tooltip-inner {text-align: left !important;}
.tooltip-inner ul{margin:0 !important;padding: :0 !important;}
.tooltip-inner ul li{margin:0 !important;padding: :0 !important;}
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
  width:300px;height:120px;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/* General */
body {
	font-size: 14px;
	background-color: #f7f5f5;
	font-variant-numeric: lining-nums; 
	-ms-font-feature-settings:"lnum" 1; 
	-o-font-feature-settings:"lnum" 1; 
	-webkit-font-feature-settings:"lnum" 1; 
	font-feature-settings:"lnum" 1;
	font-family: 'Raleway', sans-serif;
	/*-webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;*/

	position: relative;

	padding-bottom: 40px;
}
body.liste-clients {
	min-height: 95vh;
}
a {
	color: inherit;
	text-decoration: none;
}
img,
svg {
	max-width: 100%;
}

/* Submit btn */
.submit-btn {
    min-width: 140px;

    border: 0;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
    background-color: #77B255;
    font-family: Arial, sans-serif;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    
    margin-top: 10px;
    padding: 13px 20px;

    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.submit-btn:hover {
	color: #77B255;
    background-color: #fff;
    box-shadow: 0 9px 10px rgba(0,0,0,0.07);
}

/* Table */
.table-wrapper {
    max-width: 100%;
	
    overflow: auto;
	background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.12);
    box-shadow: 0px 4px 10px rgba(0,0,0,0.12);
}
.table-wrapper.no-overflow {
	overflow: initial;
}
table.table {
	width: 100%;
	min-width: 1280px;

    color: #383838;
    line-height: 35px;
    border-spacing: 0;
    /*border-collapse: collapse;*/
    font-family: 'Arial', sans-serif;
}

table.table.min-sized {
    width: auto;
    min-width: auto;
    line-height: 35px;
    border-spacing: 0;
    border-collapse: collapse;
    font-family: 'Arial', sans-serif;
}
.table.min-sized tr.white td
{
background-color: #fff;
}


.table th {
	min-width: 50px;

    color: #ffffff;
    font-size: 12px;
    text-align: left;
    font-weight: 600;
    background-color: #525252;
    text-transform: uppercase;
    border-bottom: 3px solid #e8e8e8;
    font-family: 'Raleway', sans-serif;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    
    padding: 11px 15px;
}
.table th.sorting {
	padding-right: 10px;
}
.table th.sorting span,
.table th.sorting_asc span,
.table th.sorting_desc span {
	position: relative;

	padding-right: 15px;
}
.table th.sorting span:before,
.table th.sorting span:after,
.table th.sorting_asc span:before,
.table th.sorting_asc span:after,
.table th.sorting_desc span:before,
.table th.sorting_desc span:after {
	content: '';
	display: block;

	border-left: 4px solid transparent;
	border-right: 4px solid transparent;

	position: absolute;
	right: 0;
	top: 50%;
	
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.table th.sorting span:before,
.table th.sorting_desc span:before {
	border-bottom: 4px solid;

	margin-top: -3px;
}
.table th.sorting span:after,
.table th.sorting_asc span:after {
	border-top: 4px solid;

	margin-top: 3px;
}
.table th.sorting_desc span:before,
.table th.sorting_asc span:after {
	margin-top: 0;
}
.table td {
	color: #505050;
	font-size: 13px;
    border-top: 1px solid rgba(34,36,38,.1);
    border-left: 1px solid rgba(34,36,38,.1);

    padding: 8px 15px;
}

.table tr.min td { 
  padding: 4px !important;
  line-height :1em !important;
  color: #999 !important;
}


.table tr td:first-child {
    border-left: none;
}
.table tr:hover td {
    background-color: #fcfcfc;
}
.table td a {
    color: #467edc;
}
.table td a:hover {
    text-decoration: underline;
}

.table .progress:before {
	width: 8px;
    height: 12px;

    content: '';
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    
    margin-top: 0px;
    margin-right: 5px;
}
.table .progress.increase:before {
    background-image: url(../svg/increase-arrow.svg);    margin-top: -1px;

}
.table .progress.decrease:before {
    background-image: url(../svg/decrease-arrow.svg);    margin-top: -1px;

}

.table .progress.equality:before {
    height: 8px;
    
    background-image: url(../svg/equality-icon.svg);

    margin-top: -1px;
}
.table .progress.increase.cool:before {
   background-image: url(../svg/increase-green-arrow.svg);
}

.table .progress.decrease.uncool:before {
   background-image: url(../svg/decrease-red-arrow.svg);
}


.table .progress.double:before {
   background-repeat: repeat-x;
  width: 16px;
     background-size: 8px;

}

.table .progress.triple:before {
   background-repeat: repeat-x;
   background-size: 8px;
  width: 24px;

}



.tooltip{display: none}


/* Term table */
.term-table th:nth-child(n+10),
.term-table td:nth-child(n+10) {
	display: none;
}
.term-table th:last-child,
.term-table td:last-child {
	display: table-cell;
}

/* Table actions */
.table-actions {
    font-family: 'Arial', sans-serif;
}
.table-actions.top {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 12px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 12px rgba(0,0,0,0.1);
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    margin-bottom: 20px;
    padding: 15px;
}
.table-actions.bottom {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    margin: 20px 0;
}
.table-actions.bottom > div:nth-child(2) {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.dt-button {
    color: #5d5d5d;
    font-size: 13px;
    border-radius: 5px;
    display: inline-block;
    background-color: #f0f0f0;
    font-family: Arial, sans-serif;
    
    padding: 10px;
}
.dt-button:hover {
    background-color: #e4e4e4;
}
.dt-button + .dt-button {
    margin-left: 2px;
}
.dt-buttons .dt-button {
    margin: 3px 2px;
}
#month_filter label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
 
    margin-left: 10px;
}
/* Columns visibility menu */
.dt-button-background,
.dt-button-collection {
    position: fixed;
}
.dt-button-background {
    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, 0.46);
    
    top: 0;
    left: 0;
    z-index: 98;
}
.dt-button-collection {
    width: auto;
    height: auto;

    border-radius: 5px;
    background-color: #fff;
    
    top: 50%;
    left: 50%;
    z-index: 99;
    
    padding: 20px;
    
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.dt-button-collection .dt-button:not(.active) {
	opacity: 0.75;
	text-decoration: line-through;
}

/* Data filter */
.dataTables_filter {
	color: #5d5d5d;
}
.dataTables_filter input {
    border-radius: 5px;
    border: 1px solid #c5c5c5;
    background-color: rgba(251, 251, 251, 0.53);
 
    margin-left: 10px;
    padding: 9px 10px 8px;
}
/* Pagination */
.dataTables_paginate {
    border-radius: 6px;
    border: 1px solid #bfbfbf;
}
.dataTables_paginate a,
.dataTables_paginate .ellipsis {
    color: #4e4e4e;
    display: inline-block;
    border-left: 1px solid #bfbfbf;

    padding: 10px;
}
.dataTables_paginate a {
	cursor: pointer;
}
.dataTables_paginate a:hover {
	color: #000;
	background-color: #fff; 
}
.dataTables_paginate > span a:first-child {
	border-left: 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.dataTables_paginate > span a:last-child {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.dataTables_paginate .previous,
.dataTables_paginate .next {
	display: none;
}
.dataTables_paginate .current {
    color: #000;
    background-color: #fff;
}
/* Results count */
.dataTables_length {
    margin-left: 30px;
}

/* Notice */
.attention {
    color: #777;
    text-align: center;
    font-style: italic;

    margin-top: 30px;
}

/* Toggle title */ 
.toggle-title {
    font-size: 25px;
    font-weight: 600;
    border-bottom: 1px solid #c3c3c3;

  position: relative;

    margin: 50px 0 20px;
    padding-bottom: 20px;
}

h2 {
    font-size: 25px;
    font-weight: 600;
    border-bottom: 1px solid #c3c3c3;

  position: relative;

    margin: 50px 0 20px;
    padding-bottom: 20px;
}
 
.toggle-title:before,
.toggle-title:after {
    width: 15px;
    height: 2px;

    content: '';
    display: block;
    background-color: #000;
    
    position: absolute;
    top: 47%;
    right: 0;
    
    -webkit-transform: rotate(48deg);
    transform: rotate(48deg);
    -webkit-transition: 0.3s -webkit-transform;
    transition: 0.3s -webkit-transform;
    transition: 0.3s transform;
    transition: 0.3s transform, 0.3s -webkit-transform;
}
.toggle-title:before {
    right: 9px;

    -webkit-transform: rotate(-48deg);
    transform: rotate(-48deg);
}
.toggle-title.closed:after {
	-webkit-transform: rotate(-48deg);
	transform: rotate(-48deg);
}
.toggle-title.closed:before {
	-webkit-transform: rotate(48deg);
	transform: rotate(48deg);
}


/* Container */
#wrapper {
    padding-bottom: 45px; 
}
.container {
	width: 80%;
	max-width: 2650px;

	margin: 0 auto;
}

.wrapper-floated {
width: 100%;overflow: auto;}

.wrapper-right {
width: 50%;float: right;}

.wrapper-left {
width: 50%;float: left;}

/* Header */
#main-header {
	color: #fff;
	background-color: #2175ff;
/*77B255*/
	margin-bottom: 30px;
}
/* Navbar */

.navbar a:hover{color:inherit !important;text-decoration: none;}


.navbar {
	height: 40px;
	min-height: 61px;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    border-bottom: 1px solid #5491f4;
	
	padding: 0 20px;
}
.navbar .left {
    height: 100%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
.navbar .left a {
    height: 100%;
    
    opacity: 0.7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    position: relative;
    
    margin: 0 40px 0 0;
}
.safari .navbar .left a,
.navbar .left .active {
	opacity: 1;
}
.navbar .left a,
.navbar .left a:before {
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.navbar .left a:before {
    width: 100%;
    height: 3px;

    opacity: 0;
    content: '';
    display: block;
    background-color: #fff;
 
    position: absolute;
    top: 0;
    left: 0;
}
.navbar .left a:hover,
.navbar .left a:hover:before,
.navbar .left .active:before {
	opacity: 1;
}
.navbar .right {
    height: 100%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.navbar .right a {
    height: 100%;
    
    opacity: 0.7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    position: relative;
    
    margin: 0 40px 0 0;
}

}
.safari .navbar .right a,
.navbar .right .active {
    opacity: 1;
}
.navbar .right a,
.navbar .right a:before {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.navbar .right a:before {
    width: 100%;
    height: 3px;

    opacity: 0;
    content: '';
    display: block;
    background-color: #fff;
 
    position: absolute;
    top: 0;
    left: 0;
}
.navbar .right a:hover,
.navbar .right a:hover:before,
.navbar .right .active:before {
    opacity: 1;
}

.navbar .logout {
    margin-left: 10px;
}
.navbar .logout:hover {
    text-decoration: underline;
}
.client-name {
    width: 40px;
    height: 40px;

    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.client-name img {
	max-width: 110%;

    vertical-align: middle;
}
/* Heading container */
#heading-container {
	position: relative;

	padding: 0px 0 0px;
}
#heading-container h1 {
    font-size: 39px;
    font-weight: 500;
    line-height: 50px;
}
#heading-container p {
    width: 50%;
    max-width: 720px;
 
    opacity: 0.8;
    font-size: 16px;
    line-height: 24px;
}
.safari #heading-container p {
	opacity: 1;
}
#heading-container img {
	position: absolute;
    right: 0;
    bottom: 20px;
}
#heading-container .top-positions-icon {
	width: 294px;

    right: calc((100% - (50% + 320px)) / 2);
}
#heading-container .keywords-suggestions-icon {
	width: 272px;

    right: calc((100% - (50% + 320px)) / 2);
}
#heading-container .positioning-icon {
	width: 200px;

    right: calc((100% - (50% + 320px)) / 2);
}
@media screen and (min-width: 1815px) {
	#heading-container .top-positions-icon {
		width: 320px;

	    right: calc((100% - (720px + 320px)) / 2);
	}
	#heading-container .keywords-suggestions-icon {
		width: 300px;

	    right: calc((100% - (50% + 300px)) / 2);
	}
	#heading-container .positioning-icon {
		width: 220px;

	    right: calc((100% - (50% + 220px)) / 2);
	}
}
/* Dashboard */
.liste-clients:not(.connected) #heading-container,
.dashboard #heading-container {
	text-align: center;
}
.dashboard .container {
    width: 90%;
}
.dashboard .instructions {
    color: #969696;
    font-size: 16px;
	text-align: center;
    
    margin-top: 50px;
}
.dashboard .actions-list {
    list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;*/
	/*-ms-flex-wrap: wrap;
	flex-wrap: wrap;*/
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	margin-top: 50px;
    padding-left: 0;
}
.dashboard .actions-list li {
    width: 31%;
    max-width: 426px;

    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    overflow: hidden;

    -webkit-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.dashboard .actions-list li + li {
    margin-left: 3.5%;
}
.dashboard .actions-list li:hover {
    -webkit-box-shadow: 0px 15px 20px rgba(0,0,0,0.085);
    box-shadow: 0px 15px 20px rgba(0,0,0,0.085);
    
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.dashboard .actions-list li a *:not(svg):not(path):not(g) {
	position: relative;
	z-index: 2;
	/*-webkit-transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);*/
}
.dashboard .actions-list li a h2 {
	-webkit-transition: all 0.4s 0.155s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all 0.4s 0.155s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	backface-visibility: hidden;
}
.dashboard .actions-list li a p {
	-webkit-transition: all 0.4s 0.1s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all 0.4s 0.1s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	backface-visibility: hidden;
}
.dashboard .actions-list li:hover a h2 {
	-webkit-transition: all 0.65s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all 0.65s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.dashboard .actions-list li:hover a p {
	-webkit-transition: all 0.65s 0.07s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all 0.65s 0.07s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.dashboard .actions-list li svg {
	position: relative;
	z-index: 1;

	backface-visibility: hidden;

	-webkit-transition: all 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: all 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.dashboard .actions-list li:hover svg {
	-webkit-transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.dashboard .actions-list li:hover a *:not(svg):not(path):not(g) {
	transform: translateY(-95px);
}
.dashboard .actions-list li:hover svg {
    opacity: 0.11;
    
    
    -webkit-transform: scale(2.1) translateY(-7px);
    transform: scale(2.1) translateY(-7px);
}
.dashboard .actions-list li path {
	-webkit-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.dashboard .actions-list li:hover path {
	stroke: grey;
}
.dashboard .actions-list a {
    width: 100%;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    padding: 25px 60px; /*6% 7%;*/
}
.dashboard .actions-list h2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    
    margin-bottom: 1px;
}
.dashboard .actions-list p {
    color: grey;
    line-height: 20px;
}
.dashboard .actions-list svg {
	max-width: 60%;
	max-height: 228px;
}
.dashboard .actions-list .positioning svg {
	max-height: 190px;
}
.dashboard .actions-list path {
	fill: none;
	stroke: #2175ff;
	stroke-width: 2px;
}
@media screen and (min-width: 1371px) {
	.dashboard .container {
	    width: 80%;
	}
	.dashboard .actions-list li {
	    width: 28%;
	}
	.dashboard .actions-list li + li {
	    margin-left: 4%;
	}
	.dashboard .actions-list h2 {
	    font-size: 21px;

	    margin-top: 24px;
	    margin-bottom: 5px;
	}
}

/* Narrow screens message */
#narrow-screens {
	width: 100%;
	height: 100%;

    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2175ff;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
#narrow-screens h2 {
	font-size: 39px;
	font-weight: 500;
}
#narrow-screens p {
    max-width: 550px;
    
    opacity: 0.8;
    font-size: 16px;
    line-height: 28px;
}
#narrow-screens > div {
    margin-top: -80px;
}
@media screen and (min-width: 1023px) {
	#narrow-screens {
		display: none;
	}
}

/* Footer logo */
.by-tribu {
    opacity: 0.35;
    display: inline-block;
    
    position: absolute;
    right: 20px;
    bottom: 10px;

    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.by-tribu:hover {
	opacity: 0.75;
}




/* DEVIS FACTU */
.bg-info {
  padding:20px;margin:20px;}


.info.bg-warning {
  padding:20px;margin:20px;}

.info.bg-success {
  padding:20px;margin:20px;}


.info.bg-danger {
  padding:20px;margin:20px;}


input.bg-danger {
  background-color: #f2dede !important;
}


/* formulaires internes */
input, textarea, select {
    border-radius: 5px;
    border: 1px solid #c5c5c5;
    background-color: rgba(251, 251, 251, 0.53);
    margin-left: 0px;
    padding: 9px 10px 8px;
}

table input{width: auto;}

input.etendu{width: 400px;}



/* formulaires recherche */

.table input {color: #000}
.table input.btn-success {color: #fff}


#filterSeb{clear: both;overflow: auto;padding: 10px 100px}

#filterSeb select{width: 15%;float: left}

#filterSeb_date{float: left}

#tabledevis_filter{margin:0 0 10px;}
#tabledevis_filter input{width:50%;}

#tabledevis_filter label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
text-align: center;
  }

  #tabledevis_filter label input {
    display: block !important;
    width: 100%;
    background-color: #fff;
  }
/*
  #tabledevis_length select{
    display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  }
*/
    #tabledevis_length {
float: right;  
text-transform: uppercase;
}


#tabledevis_length select{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    margin-right:20px;
}

.table > tfoot > tr > th {background-color: #fff; color:#000;border-bottom: 0px;font-size: 1.7em}

.total small{display: none;}





/*custom-combobox-input*/

.custom-combobox-input{width: 400px}

.custom-combobox-toggle{display: none !important;}


/*statuts*/

.bg-info{position: relative;}

h5.statut  {display: inline-block;padding:10px;position:absolute;top:10px;left:20px;text-shadow: 0 1px 0 #fff;
border-color: #ccc;border-radius: 4px;font-size: 16px;}


/*Projets trello background*/

.text-row.bg-danger{background: #F2DEDE}
.text-row.bg-success{background: #DFF0D8}
.text-row.bg-warning{background: #FCF8E3}



/*Projets planning background*/

.table th.projet
{width: 200px}

.table th.name
{width: 200px}


.table td.active1
{background: #F2DEDE;text-indent: -9999px}

.table td.active0
{background: #FFF;text-indent: -9999px}


table.mini tr td{font-size: 10px !important; padding: 4px 6px !important;}


/* bloc projet  */

.bloc-projet{position: relative;background-color: #fff;padding:20px;margin:20px 0px;}

.bloc-projet h3{margin-left:100px;margin-top:5px }

.bloc-projet .bg-info {
  padding:10px;margin:10px 0px 10px;}


.inside {border:1px solid #000000;font-size: 14px;margin-bottom: 40px;padding:20px 10px 10px 10px;position: relative;}

.fieldset {position: absolute;top:-18px;display: inline-block;background: #f7f5f5;padding:0px 10px;font-size: 18px}

.action {position: absolute;bottom:-18px;right:10px;display: inline-block;background: #f7f5f5;padding:0px 10px;font-size: 18px}

.action-top {position: absolute;top:-18px;right:10px;display: inline-block;background: #f7f5f5;padding:0px 10px;font-size: 18px}


.label{color: black;display: block;text-align: left;padding:0px;}

.label + input, .label + textarea,  .label + select {margin-top:5px;    width: 100%;
}


.btn.dolibarr{background: url("../images/dolibarr-logo.png") no-repeat center right 10px, linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%) !important;padding-right:35px}

.btn.dolibarr{background-size: cover}


.inside ul{padding-left:20px;list-style: disc outside;}

.inside a.btn{margin-left:10px}
.titre{font-size: 16px;}
.inside span.btn {background: #FFF !important;color: #000;}
.inside span.btn:hover{cursor: not-allowed;}

p.statut{display: inline-block;padding:7px}


.custom-combobox-input {width:80%}

table.table{min-width: auto}

select.tall{height:200px}
textarea.tiny{height:40px}



/*.navbar{min-height: auto;margin-bottom:0px;}*/

.inside2 .titre{margin-right: 50px;}

.pourcentage {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 3px;
  padding: 3px;
  font-weight: bold;
}
.bg-white{background: #FFF}