* {
	font-family: 'CamphorW01-Regular', sans-serif;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
  font-size: small;
  line-height: 2.5;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}
/* backgound colors
-------------------------------------------------- */
.soon-color{
  background-color: #bff5cc;
} 

.six-color{
  background-color: #e3f0e6;
} 

.demand-color{
  background-color: #FFFF00;
} 

.priority-color{
  background-color: #F0CBAD;
} 

.current-color{
  background-color: #E2F0D9;
}

.notm9-color{
   background-color: #DAE3F3;
}

.archive-color{
   background-color: #D9D9D9;
}
.jpo-color{
   background-color: #E5B1FF;
}

.bg-danger {
    background-color: #f1a4a4!important;
}
/*Remove border raduis*/
*{
  border-radius: 0 !important;
}

#board .accordion-head{
  background: #f4f4f4;
}

#board .accordion-toggle{
  border-bottom: solid 1px #f4f4f4;
}

#board .lead small{
  font-size: .7em;
}
#board .lead .lead-infos{
  background: #e9f1f4;
}

#board .lead .lead-infos .points{
  padding: 3px;
  background: white;
  display: block;
  text-align: center;
  font-size: .9em;
}

#board .lead .lead-infos ul {
    margin: 0;
    list-style: none;
    padding: 5px;
    border: solid 1px white;
    height: 150px;
    overflow: scroll;
}

#board .lead .lead-infos .survey {
  margin: 0;
  list-style: none;
  padding: 5px;
  border: solid 1px white;
  height: 300px;
  overflow: scroll;
  font-size: .7em;
  text-transform: uppercase;
}

#board .lead .lead-infos ul li{
    margin-bottom: 5px;
    line-height: 1;
}

#board .lead .lead-infos ul li .eventDate,  #board .lead ul li .noteDate{
    clear: both;
    font-size: .5em;
}

#board .lead .lead-infos ul li .eventTitle, #board .lead ul li .noteText{
    clear: both;
    display: block;
    font-size: .7em;
    text-transform: uppercase;
}

#board .lead .funnels-head{
  background: #e9f1f4;
}

#board .lead .funnels-head .form-row{
  justify-content: center;
}

#board .lead  .funnel-tpl {
  background: #dae7ed;
}

#board .lead .funnels-head label{
  font-size: .6em;
}

#board .lead  .funnel-tpl p{
  font-size: .6em;
}

/*----------- ICONS ----------*/

#board .icon-m9{
    background-position: 0px 4px;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0;
}
#board .icon-coordonnes{
  background-image: url("../pictos/coordonnes.svg");
}

#board .icon-promos{
  background-image: url("../pictos/promos.svg");
}

#board .icon-activite{
  background-position: 0px 2px;
  background-image: url("../pictos/activite.svg");
}

#board .icon-finance{
  background-image: url("../pictos/finance.svg");
}

#board .icon-notes{
  background-position: 0px 3px;
  background-image: url("../pictos/notes.svg");
}

#board .icon-search{
  background-position: 0px 0px;
  background-image: url("../pictos/search.svg");
}

#board .icon-activite{
  background-image: url("../pictos/activite.svg");
}

#board .icon-interest{
  background-position: 0px 2px;
  background-image: url("../pictos/interest.svg");
}

#board .icon-steward{
  background-image: url("../pictos/steward.svg");
}
#board .icon-next{
  background-position: 0px 3px;
  background-image: url("../pictos/next.svg");
}

#board .Qualifiying .item{
  list-style: none;
  background: #FFF;
  padding: 5px;
  font-size: .7em;
  border: #f5f5f5 solid 1px;
  line-height: 1.6;

}

#board .Qualifiying .item .tag{
  display: list-item;
}

#board .campaignsOnboarding .campaignName{
  font-size: .7em;
  display: inline-block;
  width: 100%;
}

#board .campaignsOnboarding .campaign-stop{
  float: right;
}
#board .campaignsOnboarding {
    padding: 0;
}
#board .campaignsOnboarding li{
    list-style: none;
}

#board .campaignsOnboarding .campaignEmails {
    padding: 0;
}
#board .campaignsOnboarding .campaignEmails li {
    list-style: none;
    background: #FFF;
    float: left;
    margin-right: 5px;
    padding: 5px;
    font-size: .7em;
    border: #f5f5f5 solid 1px;
    line-height: 1.6;
}


#board .campaignsOnboarding .emailRemaining{
    font-size: .7em;
    line-height: 1.6;
}


#board .titleTab{
  line-height: 13px;
}
/* ------------------- */


#board .funnel-checkbox {
  -webkit-appearance: radio; /* Chrome, Safari, Opera */
  -moz-appearance: radio;    /* Firefox */
  -ms-appearance: radio;     /* not currently supported */
}

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

#promotions .accordion-head{
  background: #f4f4f4;
}

#promotions .accordion-toggle{
  border-bottom: solid 1px #f4f4f4;
}

#promotions .promo small{
  font-size: .7em;
}
#promotions .promo .promo-infos{
  background: #e9f1f4;
}


#promotions .promo .bg-reserved{
  background: #EBDE8D;
}

#promotions .promo .bg-sold{
  background: #DEB49C;
}

#promotions .promo table, #promotions .promo th, #promotions .promo td {
  border: 1px solid #FFF;
}


/**** emojis ******/
form.smileys input[type=radio] {
  -webkit-appearance: none;
  width: 50px;
  height: 50px;
  border: none;
  cursor: pointer;
  transition: border 0.2s ease;
  filter: grayscale(100%);
  margin: 0 5px;
  transition: all 0.2s ease;
}
form.smileys input[type=radio]:hover, form.smileys input[type=radio]:checked {
  filter: grayscale(0);
}
form.smileys input[type=radio]:focus {
  outline: 0;
}
form.smileys input[type=radio].tres-bon {
  background: url("../img/emoji/187136.png") center;
  background-size: cover;
}
form.smileys input[type=radio].bon {
  background: url("../img/emoji/187142.png") center;
  background-size: cover;
}
form.smileys input[type=radio].neutre {
  background: url("../img/emoji/187133.png") center;
  background-size: cover;
}
form.smileys input[type=radio].expeditif {
  background: url("../img/emoji/187135.png") center;
  background-size: cover;
}
form.smileys input[type=radio].fache {
  background: url("../img/emoji/187140.png") center;
  background-size: cover;
}

.plus-promo i{
  padding: 3px;
  border: solid 1px ;
}
.addpromoform{
  display: none;
  border: solid 1px;
  padding: 3px;
}