@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,600,300");

@font-face {
  font-family: 'VAG';
  src: url("../fonts/VAG.ttf");
  src: url("../fonts/VAG.ttf") format("TrueType"),;
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: FontAwesome;
  src: url("../fonts/fontawsome/FontAwesome.html");
  src: url("../fonts/fontawsome/FontAwesome.html") format("OpenType"),;
  font-weight: 200;
  font-style: normal;
}
/*@font-face {
font-family: OpenSans;
src: url(assets/fonts/OpenSans/OpenSans-Regular.ttf), 
url(assets/fonts/OpenSans/OpenSans-Regular.eot);
}

@font-face {
font-family: OpenSans Bold;
src: url(assets/fonts/OpenSans/OpenSans-Bold.ttf),
url(assets/fonts/OpenSans/OpenSans-Bold.eot);
}*/

@font-face {
    font-family: 'Human-Being';
    src:url('Human-Being.ttf.woff') format('woff'),
        url('Human-Being.ttf.svg#Human-Being') format('svg'),
        url('Human-Being.ttf.eot'),
        url('Human-Being.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Desert Queen Personal Use';
    src:url('Desert Queen Personal Use.ttf') format('TrueType');
       
    font-weight: normal;
    font-style: normal;
}
h1 { 
  /* font-family: 'Human-Being';*/
    font-family: 'Desert Queen Personal Use';
}    
#sel_accueil_btn{
   
	border-radius: 0px;
	font-size:14px;
	height:45px;
	width:140px;
	
	
	
}
.bgk_produit {
 background-color:#000000;
}
.vertical-center {
  margin-top:5%;
  
}
.vertical-center-produit {
  margin-top:2%;
  
}
.bg_produit {
 background-color: #000000;
}
  
/*html,   
body {
   background-image:url(../images/3epices_fond_ecran.jpeg); 
   background-repeat:none;
   background-attachment:fixed;
   background-position:center;
   -webkit-background-size:cover;
   -moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
  /* Remouve the white gap to the right of the page in responsive 
  overflow-x: hidden; 
}*/
 /*         
body{
  font-family: open Sans;
  position: relative;  
}  */
/*
.centerBlockVertically {s
  display: flex;
  /* contexte sur le parent */
  /*flex-direction: column;
  /* direction d'affichage verticale 
  justify-content: center;
  /* alignement vertical 
}*/
.navbar-perso {
	background-color: #FFF;
	color: #F2D499;
	/*padding: 15px 5px;*/
}

.navbar-perso ul li a {
	color: #F2D499;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
}

.navbar-perso ul li a:hover,
.navbar-brand:hover {
	color: #fed136; /*yellow*/ 
}
/*
#home{
  color: #F2D499;
  float: left;
  font-size: 25px;
  font-family: 'VAG';
  margin-right: 25px;
  margin-top:10px;
  
}
.item_slide{
  margin-left: auto;
  margin-right: auto;
  
 /* border: 2px solid #F2D499;*
 
}
/*  NAVIGATION   *
#head_tel{
  color: #F2D499;
  float: right;
  font-size: 21px;
  font-family: 'VAG';
  /*margin-right: 25px;*/
  
}

/*
#head_tel img{
  display: inline-block;
  float: left;
  margin-top: 0px;
  margin-right: 10px;
}  */ 

/*#espace_client_btn{
  font-family: open Sans;
  font-weight: bold;
  color: #F2D499;
  font-size: 14px;
  text-decoration: none;
  /*background-color: #fa3967;*
  border-radius: 3px;
  padding: 10px ;
  float: right;
  transition: all ease-in-out 200ms;
  box-sizing:border-box;
  border: 2px solid #fa3967;

}*/
/*#espace_client_btn:hover{
  font-family: open Sans;
  font-weight: bold;
  color: #F2D499;
  font-size: 14px;
  text-decoration: none;
  background-color: rgba(255,255,255,0);
  border-radius: 3px;
  padding: 10px ;
  float: right;
  transition: all ease-in-out 200ms;
  box-sizing:border-box;
  border: 2px solid #F2D499;

}*/

 /*#espace_client_btn2{
    font-family: open Sans;
    font-weight: bold;
    color: #F2D499;
    font-size: 14px;
    text-decoration: none;
	background-color: black;
	
   /* background-color: #fa3967;
    border-radius: 3px;
    padding: 10px ; 
    transition: all ease-in-out 200ms;
    border: 2px solid #F2D499;
	padding: 10px ; 
	border-radius: 12px;
    margin: 10px;
	border: 1px solid #F2D499;
  }*/

  #espace_client_btn2:hover{ 
    color: #fa3967;
    background-color: rgba(255,255,255,0);
  }
.catalogue_3e {
   background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 20%, rgba(100, 51, 51, 0.3) 86%, rgba(51, 51, 51, 1) 100%),url('../images/accueil/catalogue.jpg'); 
   background-repeat: no-repeat;
   background-position:center;
   -webkit-background-size:cover;
   -moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	height:100vh;
	z-index:-999;
 }
.pdv {
 
   background-image:linear-gradient(to top, rgba(0, 0, 0, 0.8) 20%, rgba(100, 51, 51, 0.3) 86%, rgba(51, 51, 51, 1) 100%),url('../images/accueil/Magasins.jpg'); 
   background-repeat: no-repeat;
 /*  background-attachment:fixed;*/
   background-position:center;
   -webkit-background-size:cover;
   -moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	height:100vh;
	z-index:-999;
 }
.quality {
 
   background-image:linear-gradient(to top, rgba(0, 0, 0, 0.8) 20%, rgba(100, 51, 51, 0.3) 86%, rgba(51, 51, 51, 1) 100%),url('../images/accueil/quality.jpg'); 
   background-repeat: no-repeat;
   /*background-attachment:fixed;*/
   background-position:center;
   -webkit-background-size:cover;
   -moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	height:100vh;
	z-index:-999;
 }
 
.contact {
 
   background-image:linear-gradient(to top, rgba(0, 0, 0, 0.8) 20%, rgba(100, 51, 51, 0.3) 86%, rgba(51, 51, 51, 1) 100%),url('../images/accueil/contact.jpg'); 
   background-repeat: no-repeat;
   /*background-attachment:fixed;*/
   background-position:center;
   -webkit-background-size:cover;
   -moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	height:100vh;
	z-index:-999;
 }
 .catalogue_btn {
  position:absolute;
  margin-top:30%;
  text-align:center;
 }

 /*#catalogue_btn{
    font-family: open Sans;
    font-weight: bold;
    color: #F2D499;
    font-size: 14px;
    text-decoration: none;
    background-color: black;
    padding: 10px ; 
	margin-left:10px;
    transition: all ease-in-out 200ms;    
   
	border-radius: 12px;
    margin: 10px;
	border: 1px solid #F2D499;
	
  }
#sel_produit_btn{
    font-family: open Sans;
    font-weight: bold;
    color: #F2D499;
    font-size: 14px;
    text-decoration: none;
    background-color: black;
    padding: 10px ; 
	margin-left:10px;
    transition: all ease-in-out 200ms;    
   
	border-radius: 12px;
    margin: 10px;
	border: 1px solid #F2D499;
	
  }

  /*#catolgue_btn:hover{ 
    color: #fa3967;
    background-color: rgba(255,255,255,0);
	
  }*/
ul.social-buttons{
	margin-bottom:0
}
ul.social-buttons li a{
	text-align: center;
	display: block;
	background-color:#222;
	height:40px;
	width:40px;
	border-radius:100%;
	font-size:20px;
	line-height:40px;
	color:#fff;
	outline:0;
	-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active{
	background-color:#fed136}
 #panier{
    font-family: open Sans;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    background-color: #28a745;
    border-radius: 3px;
    padding: 10px ; 
    transition: all ease-in-out 200ms;
    border: 2px solid #28a745;
    margin: 5px;
  }

  #panier:hover{ 
    color: #28a745;
    background-color: rgba(255,255,255,0);
  }

@media (max-width: 425px) {

  .navbar-brand img {
    height: 30px;
  }

  #head_tel{
    font-size: 18px;
    margin-right: 0px;    
  }  

  #espace_client_btn2{
    

  }


}

/*  HEADER  */
.centerBlockVertically {
	display: flex;
	/* contexte sur le parent */
	flex-direction: column;
	/* direction d'affichage verticale */
	justify-content: center;
	/* alignement vertical */
}
/*header{
	/*background-image:url(../images/fond_ecran_3epice.jpeg);*
	background-repeat:none;
	background-attachment:fixed;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	text-align:center;
	min-height: 1vh;
}

#h1-header {
  text-transform: uppercase;
  font-size: 33px;
  font-family: 'VAG';
  color: #fff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 44px;
  line-height: 40px;
}
*
@media (max-width: 425px) {
  #h1-header {
    font-size: 25px;
    line-height: 30px;
  }
}*/
.overlay{
	z-index: 9;
	margin: 1px;
	background: #F2D499;
}
#scroll{
  background-image: url('../images/scroll.png');
  background-repeat: no-repeat;
  width: 24px;
  height: 43px;
  display: inherit;
  margin-top: 70px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}

#scroll{
  animation: translate 2s ease infinite;
  z-index: 1;
}

/*Obligatoire pour #scroll */
@-webkit-keyframes translate {
  50%{
    transform:translateY(15px);
  }
}


/*-------------------------------------------------------------*/
/* Comment ça marche
/*-------------------------------------------------------------*/
/*
.comment_ca_marche{
  background-color: #fff;
  width:100%;
  padding-top: 46px;
  padding-bottom: 46px;
}
.colonne-centree
{
float: none;
margin: 0 auto;
}

h1, h2{
  font-family: 'VAG';
  font-size: 18px;
  color: #F2D499;
  text-align: center;
  text-transform: uppercase;
  margin: 4px 0 4px 0;
}

.comment_ca_marche p{
  font-family: open Sans;
  font-size: 14px;
  color: #576573;
  text-align: center;
  margin-top: 12px;
}

.step{
  width: 74px;
  height: 70px;
  border-radius: 50%;
  background-color: #F2D499;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.step_number{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffd800;
  border: 3px solid #fff;
  float: right;
  margin-top: -57px;
  margin-right: -5px;
}

.step_number span{
  font-family: 'VAG';
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 4px;
  display: inherit;
}

.steps h3{
  font-family: 'VAG';
  color: #434c54;
  font-size: 14px;
  margin-top: 15px;
  text-align: center;
  text-transform: uppercase;
}

.steps p{
  font-family: open Sans;
  color: #576573;
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
  font-weight: normal;

}

.step1{
  display: inline-block;
  width: 42px;
  height: 31px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-top: 17px;
  margin-left: 19px;
}

.step2{
  display: inline-block;
  width: 42px;
  height: 39px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -44px 0px;
  margin-top: 19px;
  margin-left: 21px;
}
.step3{
  display: inline-block;
  width: 55px;
  height: 34px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -88px 0px;
  margin-top: 19px;
  margin-left: 12px;
}

.num1{
 margin-top: -57px;
}
.num2{
  margin-top: -68px;
}
.num3{
  margin-top: -62px;
}


/*-------------------------------------------------------------*/
/* PARTNERS
/*-------------------------------------------------------------*/
/*
.accueil_selection{
  background-color: #f8f8f8;
  padding-top: 5px;
  padding-bottom: 5px;
}

.accueil_selection p{
  font-family: open Sans;
  font-size: 14px;
  color: #576573;
  text-align: center;
  margin-top: 8px;
}

form#select-ville label {
  font-family: 'VAG';
  font-size: 22px;
  color: #fa3967;
  text-align: center;
  text-transform: uppercase;
  margin: 20px 0 20px 0;
}


#liste_partenaires ul li img {
  max-width: 140px;
  max-height:110px; 
  margin-bottom: 1rem;
  vertical-align: middle;
}

/*-------------------------------------------------------------*/
/* Devenir partenaire
/*-------------------------------------------------------------*/
/*
.become_partner{
  background-color: #fff;
  padding-top: 46px;
  padding-bottom: 46px;
}

.restaurant{
  height: 224px;
  border-radius: 5px;
  margin-top: 40px;
 /* background-image: url('../images/restaurant_bg.png');*
  background-repeat: no-repeat;
  padding: 28px 10px;

}
.livreur{
  height: 224px;
  border-radius: 5px;

  margin-top: 40px;
  background-image: url('../images/partner_bg.png');
  background-repeat: no-repeat;
  padding: 28px 10px;
}

.restaurant h3{
  font-family: 'VAG';
  color: #fff;
  font-size: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
  display: block;
}
.restaurant p{
  font-family: open Sans;
  float: left;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
  width: 222px;
  display: block;
  margin-right: 40px;

}
.restaurant a{
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #fa3967;
  border-radius: 3px;
  padding: 10px ;
  float: left;
  transition: all ease-in-out 200ms;
  box-sizing:border-box;
  border: 2px solid #fa3967;
}
.restaurant a:hover{
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
  background-color: rgba(255,255,255,0);
  padding: 10px ;
  float: left;
  transition: all ease-in-out 200ms;
  box-sizing:border-box;
  border: 2px solid #fff;
}
.livreur h3{
  font-family: 'VAG';
  color: #fff;
  font-size: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
  display: block;
}
.livreur p{
  font-family: open Sans;
  float: left;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
  width: 222px;
  display: block;
  margin-right: 50px;

}
.livreur a{
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #37b12f;
  border-radius: 3px;
  padding: 10px 20px 10px 20px;
  float: left;
  transition: all ease-in-out 200ms;
  box-sizing:border-box;
  border: 2px solid #37b12f;
}

.livreur a:hover{
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: rgba(255,255,255,0);
  border-radius: 3px;
  padding: 10px 20px 10px 20px;
  float: left;
  transition: all ease-in-out 200ms;
  box-sizing:border-box;
  border: 2px solid #fff;
}
*/

/*-------------------------------------------------------------*/
/* Footer
/*-------------------------------------------------------------*/

footer{
position:relative;
bottom:0px;
background-color: #262626;
border-top: 0px solid #eceff1;
width:100%; 
height:auto;
}
/*
footer h4{
  color: #fff;
  font-family: 'VAG';
  font-size: 12px;
  text-align: left;
  margin-top: 15px; 
  text-transform: uppercase;
}

.footer_description img{
  margin-top: 35px;
}*/

.footer_description p{
  line-height:19px;
  color: #879aaa;
  font-family: open Sans;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  margin-top: 15px;
}

.contact_icon{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  float: left;
  display: inline-block;
  margin-right: 10px;
  margin-top: -4px;

}

.footer_contact,
.footer_group {
  display: inline-block;
  margin-top: 15px;
} 

.footer_contact ul {
  padding: 0;
}

.footer_contact li{
  
  margin-bottom: 10px;
}



.footer_contact p{
  color: #879aaa;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 15px;

}
.footer_contact span{
  color: #879aaa;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  margin-top: 14px;

}
.contact_tel{
  background-color: #fa3967;
}
.contact_email{
  background-color: #fa3967;
}
.contact_facebook{
  background-color: #3b5998;
}
.contact_twitter{
  background-color: #3b5998;
}
.contact_linkdin{
  background-color: #3b5998;
}
.contact_google{
  background-color: #3b5998;
}


.tel_icon{
  display: inline-block;
  width: 18px;
  height: 16px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: 0px -42px;
  margin-top: 7px;
  margin-left: 2px;
}
.email_icon{
  display: inline-block;
  width: 19px;
  height: 16px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -21px -42px;
  margin-top: 9px;
  margin-left: 5px;
  float: left;
}
.facebook_icon{
  display: inline-block;
  width: 17px;
  height: 19px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -37px -40px;
  margin-top: 6px;
  margin-left: 5px;
  float: left;
}
.twitter_icon{
  display: inline-block;
  width: 17px;
  height: 19px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -37px -40px;
  margin-top: 6px;
  margin-left: 5px;
  float: left;
}
.google_icon{
  display: inline-block;
  width: 17px;
  height: 19px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -37px -40px;
  margin-top: 6px;
  margin-left: 5px;
  float: left;
}
.linkdin_icon{
  display: inline-block;
  width: 17px;
  height: 19px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -37px -40px;
  margin-top: 6px;
  margin-left: 5px;
  float: left;
}

.footer_group p{
  color: #879aaa;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 15px;

}

.footer_group li a {
    color: #879aaa;
    font-family: open Sans;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    margin-top: 14px;
    text-decoration: none;
}

.footer_form{
  display: inline-block;
  margin-top: 14px;
}
.footer_form h4{
  color: #fff;
  font-family: 'VAG';
  font-size: 16px;
  text-align: left;
  margin-top: 15px;
  text-transform: uppercase;

}
.footer_form p{
  color: #879aaa;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 15px;

}


.form_question_champs{
  display: inline-block;
  margin-right: 5px;
}
.form_question_champs select{
  width:272px;
  height:39px;
  border: 1px solid #cddce9;
  border-radius: 3px;
  background-color: #fff;
  color: #818c96;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  outline: none;
  margin-bottom: 10px;
  padding-left: 8px;
  -webkit-appearance: none;
  background-image: url('../images/select.png');
  background-repeat: no-repeat;
  background-position-x:97%;
  background-position-y:15px;
  cursor: pointer;
  
}

.form_question_champs input{
  width:272px;
  height:39px;
  border: 1px solid #cddce9;
  border-radius: 3px;
  background-color: #fff;
  color: #818c96;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  outline: none;
  margin-bottom: 10px;
  padding-left: 8px;
}
.footer_question button{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #37b12f;
  border-radius: 3px;
  padding: 8px 25px 8px 25px ;
  float: right;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  margin-right: 31px;
  box-sizing:border-box;
  border: 2px solid #37b12f;

}
.footer_question button:hover{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
  padding: 8px 25px 8px 25px ;
  float: right;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  margin-right: 31px;
  background-color: rgba(255,255,255,0);
  box-sizing:border-box;
  border: 2px solid #fff;

}
.footer_bottom{
  background-color: #1f262c;
}

.footer_bottom p{
  color: #879aaa;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  padding: 10px;

}

.copyright { 
 /* padding: 20px 0;*/
  color: #F2D499;
   font-size: 14px;
  margin: 0;
}
   

   
/*CARTE*/
#categories .list-group-item.active {
    background-color: #28a745;
    border-color: #28a745;
}
.scrollbar {
margin-left: 30px;
float: left;
height: 300px;
width: 65px;
background: #fff;
overflow-y: scroll;
margin-bottom: 25px;
}
.force-overflow {
min-height: 450px;
}

.scrollbar-primary::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-primary::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #C4A065; }

.scrollbar-danger::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

.scrollbar-danger::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-danger::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #ff3547; }

.scrollbar-warning::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

.scrollbar-warning::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-warning::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #FF8800; }

.scrollbar-success::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

.scrollbar-success::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-success::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #00C851; }

.scrollbar-info::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

.scrollbar-info::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-info::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #33b5e5; }

.scrollbar-default::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

.scrollbar-default::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-default::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #2BBBAD; }

.scrollbar-secondary::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

.scrollbar-secondary::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-secondary::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #aa66cc; }