select { background: url(../images/down.jpg) no-repeat right #fff;-webkit-appearance: none;background-position-x:right;min-width:100px;}
select:focus {background: url(../images/open.jpg) no-repeat right;-webkit-appearance: none;background-position-x:right;border-color:rgba(0,255,0,0.4)}

.txt-red {
    color: red;
}
.txt-orange {
    color: orange;
}
.txt-green {
    color: green;
}

.txt-grey {
    color: darkgray;
}


.case-green {
    background-color: green;
}
.case-red {
    background-color: red;
}

.a-clean {
    text-decoration: none;
    color: inherit;
}

/*********************************************/
.formBlock input:not([type='radio']):not([type='checkbox']):not(.attenteAutre),
.formBlock select,
.formBlock textarea
{
    width: 100%;
    box-sizing: border-box;
    max-width: 600px;
}

.formBlock .row .blockHalf {
    display: inline-block;
    width: 48%;
    margin-left: -0.25em;
    margin-right: 4%;
    margin-bottom: 15px;
    vertical-align: top;
}

.formBlock .row .blockHalf:nth-child(even) {
    margin-right: 0%;
}

.formBlock {
    max-width: 800px;
    margin: auto;
}

input[readonly] {
    background-color: #f0f0f0;
}

/*.filtres form#left-filtre {width:100%;max-width:800px;float:left;}*/
.filtres form#left-filtre select {width:100%;max-width:150px;}
.filtres form#left-filtre input {width:100%;max-width:100px;}
.filtres #right-search {width:200px!important;box-sizing:border-box;float:right;}
.filtres #right-search input {width:100%!important;box-sizing:border-box;}

.filtres {padding-bottom: 10px;}

.uppercase {
    text-transform: uppercase;
}

.rowProduit {
    margin-bottom: 15px;
    width: 50%;
    float: left;
}

.rowProduit label {
    min-width: 200px;
    display: inline-block;
}
/* .contentGraph{
    position: relative;
    top:20px;
    right:0;
    height:auto;
} */
.blocPlaceholder h4{
    text-align: right;
    margin-right: 98px
}
#placeholder{
    width: 300px;
    height: 150px;
    margin: 0 auto;
    margin-right: 90px;
    margin-bottom: 20px;
    right:0 !important;
}
/* #placeholder h2{
    display: block;
    top: -20px;
    position: relative;
} */

.flot-tick-label.tickLabel:last-child{
    display:none;
}
.title{
    width:50%;
    float:left;
}
@media screen and (max-width: 800px) {
    .nomobile {
        display: none !important;
    }
}
@media screen and (max-width: 800px) {
    .title{
        width:100%;
        float:none;
        text-align: center;
    }
    #placeholder{
        margin:30px auto 20px !important;
    }
    #demandes{
        margin: 20px 0;
         text-align: center;
     }
}
@media screen and (max-width: 324px) {
    #sub_demandes{
        margin-top:5px;
    } #placeholder{
        width:280px;
    }
}
@media screen and (max-width: 600px) {

    .filtres form#left-filtre select {max-width:49%;box-sizing:border-box!important;margin-bottom:10px;}
    .filtres form#left-filtre input {max-width:100%;margin:0 0 10px 0;border-radius:36px;}
    .filtres #right-search input {text-align: left;width:100%!important;box-sizing:border-box;margin-bottom:5px;}
    .filtres #right-search {width:100%!important;}
    .loaderBlock {
        padding-top: 30%!important;
    }
}

.pager {float:left;width:100%;margin-top:10px;margin-bottom: 10px;}
.pager .page-number.active {color: white;}
.pager .page-number {margin-right: 3px;padding: 5px;cursor: pointer;width:20px;height:20px;display:inline-block;text-align:center;border-radius:20px;background-color:#eee;}

/*********************************************/

#gestion_groupes h2 {text-transform:uppercase;text-align:left;font-size:16px;border-bottom:5px solid #ddd;padding-bottom:10px!important;}
#gestion_groupes .btn-default {border-radius:2px;font-weight:bold;}
#gestion_groupes .btn-default.active {background:#303030}

/*********************************************/

.menu-onglet {text-align:center;}
.menu-onglet .btn-default.active {box-shadow:inset 0 0 0 2px rgba(0,0,0,0.3);text-decoration:underline}
.menu-onglet .btn-default {border-radius:2px;font-size:14px;padding:7px 10px;border:0!important}
.menu-onglet .btn-default:hover {text-decoration:underline}
.menu-onglet .menu-filtre {display:inline;}
.menu-onglet .menu-filtre select {border-radius:2px;font-size:14px!important;padding:6px 10px!important;border:0!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,0.2);display:inline-block}
.menu-onglet .menu-filtre a {border-radius:2px;font-size:14px;padding:7px 10px;background:#555!important;border:0!important;}


/*********************************************/

.titre_avec_filtres {display:block;width:100%;text-align:center; padding:10px;}
.titre_avec_filtres select {
    padding: 10px;
    border-radius:1px;
    font-size:14px;
}
.titre_avec_filtres a,
.titre_avec_filtres input[type='submit']{padding:4px!important;border-radius:1px;font-size:14px;}
.titre_avec_filtres span {font-size:16px;position:relative;top:2px;}
.titre_avec_filtres form {
    display: inline-block;
}


/*********************************************/

.employe_bloc {width:25%;display:block;float:left;min-height:100px;box-sizing:border-box;padding:20px;}
.employe_bloc img {border-radius:120px!important;width:80px;vertical-align:middle;height::80px;margin-right:10px;}
.employe_bloc .photo {display:inline-block;}
.employe_bloc .infoprofil {display:inline-block;vertical-align:middle;height::100px;}
.employe_bloc .infoprofil a{text-decoration:none;color:#555}
.employe_bloc.desactive {opacity:0.4!important}

#civilites {width:200px;margin-top:10px;}
#civilites label {font-size:13px;float:left;width:100%;}
#civilites input[type="text"] {margin-bottom:5px;}


/*********************************************/

table#tab_chiffre {width:auto!important;margin:auto!important;}
table#tab_chiffre td:first-child {width:200px!important;min-width:12%;}
table#tab_chiffre th {min-width:40px;font-size:10px!important;padding:3px 2px;}
table#tab_chiffre td {min-width:40px;padding:3px}

/*********************************************/

.timer {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: white;
    left: calc(50% - 100px);
    padding: 10px;
    position: fixed;
    top: 0;
    width: 200px;
    z-index: 40;
}

html {
    font-family: arial,sans-serif;
    color: #444;
}

body {
    margin: 0;
}

table {
	border-spacing: 0;
	font-size: 12px;
	width: 100%;
}

table thead {
    color: white;
    padding-top:10px!important;
    padding-bottom:10px!important;
    height:30px;
}
table thead a {
    color: white;
    text-decoration: none;
}

table tfoot {
    color: white;
    padding-top:5px!important;
    padding-bottom:50px!important;
    height:24px;
    text-align:center;
}


table thead th {
	text-transform: uppercase;
	text-align: center;
	padding: 3px 0;
}


table tbody td {
	padding:4px;
	text-align: center;
    min-width: 17px;
    font-size:11px!important;
}

table tbody tr:nth-child(2n) {
    background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;
}

td.data a {
    text-decoration: none;
    color: #444444;
}

.row-total td.data a {
    color: white !important;
}

.rotated {
    /*text-align: left;*/
    /*writing-mode: vertical-lr;*/
    /*text-orientation: mixed;*/

    text-transform: lowercase;
    /*margin: 0 1px;*/
}

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="date"],
select,
input[type="password"],
textarea,
input[type='number'] {
    border: 2px solid lightgrey;
    padding: 10px;
}

.min_select select {padding:0;border-top:0;border-right:0;border-left:0;height:32px;}
.min_select select option {padding:0;height:auto;}

input[type='submit'] {
	background: #303030 none repeat scroll 0 0;
    border: 0 none;
    box-sizing: border-box;
    color: white;
    font-size: 14px;
    padding: 10px;
    cursor:pointer;
}

.small {
    font-size: 10px;
}

.block {
    display: block;
}

.disabled {
    cursor: not-allowed;
}

.h1-center h1 {
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 25px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

.h1-center {
	text-align: center;
}

h1 span:first-child {position:relative;top:5px;}

h2 {
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    text-align:center;
    width:100%;
    box-sizing:border-box;
}

#top-bar, #connexion-header{
	color: white;
}

.content-full header {
background: rgb(30,30,30);
border-right:1px solid rgba(0,0,0,1)!important
}

.content-full header li span.text_menu {
	color: white;
}

#top-bar {
    padding: 10px;min-height:38px
}

.content-full, .content-body {
    height: 100%;
}

.content-full header li {
	list-style-type: none;
	margin-bottom: 10px;
}

.content-full header li a {
	color: white;
	text-decoration: none;
}

#open-left {
	cursor: pointer;
}

.logo-admin {
	max-width: 150px;
	margin-bottom: 20px;
}
.logo-admin.idreno {
    background-color: white;
}

.content-int {
    padding: 20px;
	box-sizing:border-box;
}

#connexion-header {
    padding: 10px;
    text-align: center;
}

#connexion-header img {
    max-height: 75px;
}

#connexion {
	text-align: center;
	margin-top: 20px;
}

#connexion input[type="text"], #connexion input[type="password"] {
    border: 2px solid lightgrey;
    margin-bottom: 15px;
    min-width: 250px;
    padding: 10px;
}

#connexion input[type='checkbox'] + label span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 19px;
    margin: 0 4px 4px 0;
    vertical-align: middle;
    width: 19px;
    z-index: 10;
}


#connexion input[type="checkbox"]:checked + label span {
    background: #555 none repeat scroll 0 0;
    border: 1px solid #555;
    box-shadow: 0 0 0 4px #fff inset;
}

#connexion input[type="checkbox"] {
    display: none;
}

#connexion input[type="submit"] {
    background: #303030 none repeat scroll 0 0;
    border: 0 none;
    box-sizing: border-box;
    color: white;
    font-size: 16px;
    margin-top: 10px;
    min-width: 160px;
    padding: 10px;
}

#connexion .label-grey {
	color: grey;
}


.message-login {
    background: #cf5353 none repeat scroll 0 0;
    color: white;
    margin: 15px auto auto;
    padding: 10px;
    text-align: center;
    width: 90%;
    border-radius: 2px;
}

#menu-accueil li {
	list-style-type: none;
	display: inline-block;
	width: 20%;
	margin-right: -0.25em;
    margin-bottom: 30px;
    padding: 15px;
    vertical-align: top;
    box-sizing:border-box;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#menu-accueil li a {
    color: white;
    display: block;
    margin: auto;
    text-decoration: none;
    width: 100px;
}

#menu-accueil .circle {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	margin: auto;
    position: relative;
}



#menu-accueil .circle span {
    display: block;
    font-size: 40px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    width: 100px;
}
#menu-accueil .circle span.notif {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size: 20px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    background-color: red;
}
#menu-accueil .circle span.notif2 {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 20px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    background-color: red;
}



#menu-accueil {
    margin: 40px auto auto;
    max-width: 1200px;
    padding: 0;
}

#menu-accueil .text {
    color: #555;
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}

.profil-menu {
	background: #303030 none repeat scroll 0 0;
}

.profil-menu .line .row {
	display: inline-block;
	min-width: 150px;
}

.profil-menu {
	padding: 10px;
	text-align: center;
}

.profil-menu, .profil-menu a {
	color: white;
	text-decoration: none;
}



.profil-menu span.text_menu {
	color: white;
}

.client {
    background: #555 none repeat scroll 0 0;
    color: white;
    text-align: center;
}

#nav-left ul {
	padding-left: 15px;
	padding-right: 15px;
	box-sizing:border-box;
}

#nav-left ul li {
	padding-left: 20px;
}

#nav-left .nom-compte {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.center {
	text-align: center;
}

.bold {
    font-weight: bold;
}

.border-green {
    border-color: green!important;
}

.green-row {
    background: #71e06b!important;
}

.vente-montant {
    -webkit-transition : border 500ms ease-in;
    -moz-transition : border 500ms ease-in;
    -o-transition : border 500ms ease-in;
    transition : border 500ms ease-in;
}


.date-entre {
    display: block;
    font-size: 10px;
}

.return {
    border: 0 none;
    box-sizing: border-box;
    color: white;
    font-size: 14px;
    padding: 10px;
    text-decoration: none;
    display: inline-block;
    float: right;
}

.loader {
    background: white url("/images/loader.gif") no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    display: none;
}

.prospect-free {
    background: rgba(255, 0, 0, 0.7) none repeat scroll 0 0;
    color: white;
}

.prospect-lock {
    background: #7acc4d none repeat scroll 0 0;
    color: white;
}

.rdv-confirme-0 {
    background: rgba(255, 0, 0, 0.7);
    color: white;
}
.rdv-confirme-2 {
    background: rgb(255, 128, 0);
    color: white;
}
.rdv-confirme-1 {
    /*
    background: #03a926;
    color: white;
    */
}

.info-message {
    display: none;
    padding: 10px;
    background: #a2f9b5;
    border-left: 5px solid #056b1b;
    box-sizing:border-box;
    margin-bottom: 15px;
}

.info-message.error {
    background: #e57e7e;
    border-left: 5px solid #ce1818;
}

form .row {
    margin-bottom: 10px;
}

.label-block {
    display: block;
}

.form_gestion .div-33 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing:border-box;
}

.form_gestion #group label{
    margin-bottom: 5px;
    margin-top: 20px;
}

.div-33 {
    display: inline-block;
    width: 33%;
    margin-right: -0.25em;
    vertical-align: top;
}


.plusvendeurs a {
    border-radius: 100px;
    box-shadow: 0 0 0;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 36px;
    line-height: 38px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 36px;
}

#mes_vendeurs .desactive-user, #mes_vendeurs .suppr-user, #mes_vendeurs .active-user {
    border-radius: 2px;
    color: white;
    cursor: pointer;
    padding: 10px;
}

.form_gestion {
    margin-top: 30px;
}

.header {
    margin-bottom: 20px;
}

.row-total {
    background: #555 none repeat scroll 0 0!important;
    color: white;
}

.date_line {
    background:rgba(192,229,244,0.5);
}

.negatif {
    background: rgba(255, 0, 0, 0.2) none repeat scroll 0 0;
}

.positif {
    background: rgba(0, 255, 0, 0.2) none repeat scroll 0 0;
}

.filtre-date {
    margin-bottom: 10px;
    margin-top: 10px;
}

.submit-filtre {
    color: #fff;
    cursor: pointer;
    margin-left: 2px;
    text-decoration: none;
    padding: 10px;
}

.attente_vente {
    background:rgba(0,255,0,0.4) !important;
}

.error_vente {
    background:yellow !important;
}

.annule_vente {
    background:rgba(255, 0, 0, 0.2) !important;
}

.valid_vente {
    background: rgba(0, 0, 255, 0.3) !important;
}

.table-content td{
    box-shadow: -3px 0 6px rgba(0, 0, 0, 0.1) inset;
    margin: 0;
    padding: 10px 0;
}

a.icon-action {
    text-decoration: none;
    /*color: black;*/
    font-size: 16px;
    cursor: pointer;
}

.btn-ventes {
    border-radius: 20px;
    box-sizing: border-box;
    color: white;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 30px;
}

.small-table {
    max-width: 600px;
    margin: auto;
}

.result_search_pose .row-select > span {
    padding-right: 10px;
}

.valid_pose_vente {
    color: #444;
    padding: 10px;
    margin-bottom: 10px;
    text-decoration: none;
}

.com-suppr {
    color: red!important;
    opacity: 0.5;
}

.sortable th.headerSortDown:after {
    content: " ▼";
    float: right;
    height: 0;
    position: relative;
    right: 5px;
}

.sortable th.headerSortUp:after {
    content: " ▲";
    float: right;
    height: 0;
    position: relative;
    right: 5px;
}

.sortable th.headerSortUp,
.sortable th.headerSortDown {
    background-color: #444;
    cursor: pointer;
}

.form-popup {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
}

#page-2, #page-4, #next-1, #next-3, .vente-nok, .mois-financement {
    display: none;
}

.page-form {
    background: white none repeat scroll 0 0;
    box-sizing: border-box;
    margin: 10px auto auto;
    max-width: 800px;
    padding: 20px;
    border-radius: 3px;
}

.page-form h2 {
    padding: 10px;
}

.inline .row {
    display: inline-block;
}

.form-popup .inline .row {
    min-width: 135px;
}

.list-form {
    text-align: left;
}

.add-client:first-child {
    border-top: 0 none;
    margin-top: 0;
}

.add-client {
    padding-top: 30px;
}

.num_client {
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.goto {
    color: white;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    margin-top: 20px;
}

.navigation {
    padding-bottom: 15px;
}

.page-form input[type='text'], .page-form textarea {
    max-width: 320px;
    width: 100%;
    box-sizing:border-box;
}

.red {
    color: red;
}

.select2 {
    width: 100%!important;
    max-width: 300px;
}

#step4 .select2 {
    max-width: 100%!important;
}

#step4 .select2 .selection {
    width: 100%;
}

#step4 .select2 .select2-selection {
    border: 2px solid lightgrey;
    border-radius: 0;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    height: 40px;
}

.loaderBlock {
    display: none;
    padding-top: 10%;
    position: absolute;
    top:0;
    left: calc(50% - 40px);
}

.liste-rdv {
    text-align: left;
}

table.ui-datepicker-calendar tbody td {
    min-width: auto;
}

.ui-datepicker-title select {
    border: 1px solid lightgrey;
    padding: 0;
}

#sub_no_rdv {
    margin-top: 20px;
}

.month {
    display: inline-block;
    padding: 60px;
    vertical-align: top;
}

.row-day label {
    box-sizing: border-box;
    font-size: 13px;
    padding-left: 10px;
}

.month-title {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid lightgrey;
}


.row-day {
    clear: both;
    display: block;
    height: 40px;
    text-align: left;
}

.row-day .onoff1984 {
    float: left;
}

.row-day .onoff1984 label {
    padding-left: 0;
}
.user_suppr {
    color: red;
    opacity: 0.8;
}
.user_fin_per td {
    background-color: #F4A12C;
}
.user_entretien td {
    background-color: rgb(255, 100, 43);
}

.small-cell {
    min-width: auto;
}

.row-total.totaux {
    background:#333!important;
}

.financement.hidden {
    display: none;
}

.readonly {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}


.table-facturation {
    width: auto;
    margin-bottom: 30px;
}

.table-facturation tr td{
    max-width: 100px;
    padding: 8px;
}

.show-client {
    display: inline-block;
    position: relative;
    color: #2ea8db;
}

.show-client.first-vente {
    color: #444;
    text-decoration: none;
}

.infoClient {
    background: white none repeat scroll 0 0;
    bottom: 20px;
    box-sizing: border-box;
    color: black;
    left: calc(100% - 50px);
    padding: 5px;
    position: absolute;
    width: 100px;
    display: none;
}

.displaynone {
    display: none;
}

.head-table {
    color: white;
}

.btn-default {
    border-radius:2px;
    color:white;
    cursor:pointer;
    display:inline-block;
    margin-top:10px;
    padding:10px;
    text-decoration:none;
}

.menu-filtre {
    margin-top: 10px;
}


.row-siege {
    color: white;
}

.choice-client {
    display: block;
}

.popup {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    display: none;
    z-index: 10;
}

.content-popup {
    background: white none repeat scroll 0 0;
    border-radius: 2px;
    box-sizing: border-box;
    margin: 20px auto auto;
    max-height: 90%;
    max-width: 800px;
    padding: 10px;
    position: relative;
}

.close_popup {
    color: black;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    text-decoration: none;
    top: 10px;
}

#popup_winner {
    display: block;
}

#popup_winner .content-popup {
    overflow: auto;
}

.windowPopup {
    background: white;
    border-radius: 5px;
    padding: 15px;
    position: absolute;
    top: 10%;
    width: 100%;
    max-width: 400px;
    left: calc(50% - 200px);
    box-sizing: border-box;
}

.closePopup {
    position: absolute;
    right: 15px;
    top: 15px;
    text-decoration: none;
    color: black;
}

.tool.right {
    display: inline-block;
    float: right;
}

.trophy {
    max-width: 80px;
}

.winner .row.nom,
.loser .row.nom {
    font-weight: bold;
    text-align: center;
}

input[type="submit"].submit-td {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    font-size: 14px;
    left: 0;
    padding: 0px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.td-button {
    position: relative;
}

.inlineblock {
    display: inline-block;
    margin-right: -0.5em;
    vertical-align: top;
}

.div-60 {
    width: 60%;
}

.div-40 {
    width: 40%;
}

.ui-selectmenu-button {
    vertical-align: middle;
}

.winner .right,
.winner .left,
.loser .right,
.loser .left {
    display: inline-block;
    vertical-align: middle;
}

.winner, .loser {
    display: inline-block;
    margin-right: -0.25em;
    width: 50%;
}

.suppr-prospect {
    text-decoration: none;
    color: red;
    font-size: 32px;

}

.input-file {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.open-upload {
    padding:10px;
    text-decoration: none;
    color: white;
    background: #171d41;
    display: inline-block;
    margin-bottom: 10px;
}

.edit-file {
    color: #171d41;
    font-size: 20px;
    margin-right: 10px;
    text-decoration: none;
    vertical-align: middle;
}

.file_name {
    min-height: 45px;
    min-width: 260px;
    position: relative;
    display: inline-block;
}


.info_employe .left {
    display: inline-block;
    margin-right: -0.25em;
    width: 60%;
}

.info_employe .right {
    display: inline-block;
    margin-right: -0.25em;
    text-align: left;
    vertical-align: top;
    width: 20%;
}

.filtre {
    padding-bottom: 10px;
    text-align: center;
}

.open-popup.btn-default {
    margin-bottom: 5px;
}

.icon-table {
    color: #444;
    text-decoration: none;
    font-size: 16px;
}

.change-observation {
    min-width: 400px;
}

.split-result {
    display: inline-block;
    margin-right: -0.25em;
    width: 33%;
}

.contact_doublon {
    background: rgba(255, 100, 0, 0.5) !important;
}

/**
 Tooltip
 https://www.w3schools.com/css/css_tooltip.asp
 <div class="tooltip">Hover over me
   <span class="tooltiptext">Tooltip text</span>
 </div>
 */
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}
/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;

    position: absolute;
    top: -5px;
    right: 105%;
    z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .fa {
    font-size: 16px;
    color: orangered;
}



#mes_vendeurs td a span {
    position: relative;
    top: 8px;
}
#mes_vendeurs tr.deleted, #mes_vendeurs tr.deleted input, #mes_vendeurs tr.deleted select  {
    color: red !important;
}

@media screen and (max-width: 1600px) {
    #tab_chiffre {
        display: inline-block;
        overflow-x: scroll;
    }
}

@media screen and (max-width: 1024px) {
    table:not(#pMap) {
        display: inline-block;
        overflow-x: scroll;
    }

    table.ui-datepicker-calendar {
        display: table;
    }
}

@media screen and (max-width: 600px) {
    #menu-accueil li {
        width: 50%;
    }

    .timer {
        background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
        font-size: 11px;
        left: 0;
        padding: 5px;
        width: 100%;
    }

    .winner, .loser {
        display: block;
        margin-right: 0;
        width: 100%;
        text-align: center;
    }

    .content-popup {
        max-width: 90%;
    }

    .windowPopup {
        max-width: 100%;
        width: calc(100% - 20px);
        left: 10px;
        top: 10px;
    }
    .rowProduit {
        width: 100%;
        float: none;
    }

    .formBlock .row .blockHalf {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}

@media print {

    [canvas="container"], table, .content-full, .content-body, html, body,[off-canvas]{
        /*overflow: visible!important;*/
        /*position: static!important;*/
        /*display: block!important;*/
        /*height: auto!important;*/
    }

    #top-bar, .content-full header {
        display: none!important;
    }

}


.lds-spinner {
  color: #000;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #000;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}