/* ---------------------------------------------------- */
/* color												*/
/* ---------------------------------------------------- */ 
a.text-white{color:#fff}
bg-white{background-color:#ffffff}
a.text-inverse{color:#222}
bg-inverse{background-color:#222}
/* ---------------------------------------------------- */
/* hack css button 								        */
/* ---------------------------------------------------- */
.btn-group > .tooltip + .btn,
.btn-group > .popover + .btn{
    margin-left:-1px;
}
.btn-group > .btn:last-of-type {
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn i {
 line-height: 0.95rem;
}
.navbar-btn i{font-size:12px}
.navbar-btn > i{padding:0;margin:0;}
/** padding **/
.no-padding {
  padding: 0px !important;
}
.p-0{padding:0px!important;}  
.p-5{padding:5px!important;}  
.p-10{padding:10px!important;}  
.p-12{padding:12px!important;}  
.p-20{padding:20px!important;}
.p-30{padding:30px!important;}
.p-40{padding:40px!important;}
.p-50{padding:50px!important;}
.p-60{padding:60px!important;}
.p-70{padding:70px!important;}
.p-80{padding:80px!important;}
.p-90{padding:90px!important;}
.p-100{padding:100px!important;}
/** margin **/
.no-margin {
  margin: 0px !important;
}
.m-0{margin:0px!important;}  
.m-5{margin:5px!important;}  
.m-10{margin:10px!important;} 
.m-12{margin:10px!important;}   
.m-20{margin:20px!important;}
.m-30{margin:30px!important;}
.m-40{margin:40px!important;}
.m-50{margin:50px!important;}
.m-60{margin:60px!important;}
.m-70{margin:70px!important;}
.m-80{margin:80px!important;}
.m-90{margin:90px!important;}
.m-100{margin:10px!important;}
/** Padding top **/
.p-t-0{
	padding-top:0px;
}
.p-t-5{
	padding-top:5px;
}
.p-t-10{
	padding-top:10px;
}
.p-t-20{
	padding-top:20px;
}
.p-t-30{
	padding-top:30px;
}
.p-t-40{
	padding-top:40px;
}
.p-t-50{
	padding-top:50px;
}
.p-t-60{
	padding-top:60px;
}
.p-t-70{
	padding-top:70px;
}
.p-t-80{
	padding-top:80px;
}
.p-t-90{
	padding-top:90px;
}
.p-t-100{
	padding-top:100px;
}
/** Padding Bottom **/
.p-b-0{
	padding-bottom:0px;
}

.p-b-5{
	padding-bottom:5px;
}

.p-b-10{
	padding-bottom:10px;
}
.p-b-20{
	padding-bottom:20px;
}
.p-b-30{
	padding-bottom:30px;
}
.p-b-40{
	padding-bottom:40px;
}
.p-b-50{
	padding-bottom:50px;
}
.p-b-60{
	padding-bottom:60px;
}
.p-b-70{
	padding-bottom:70px;
}
.p-b-80{
	padding-bottom:80px;
}
.p-b-90{
	padding-bottom:90px;
}
.p-b-100{
	padding-bottom:100px;
}
/** Padding Left **/
.p-l-0{
	padding-left:0px;
}
.p-l-10{
	padding-left:10px;
}
.p-l-20{
	padding-left:20px;
}
.p-l-30{
	padding-left:30px;
}
.p-l-40{
	padding-left:40px;
}
.p-l-50{
	padding-left:50px;
}
.p-l-60{
	padding-left:60px;
}
.p-l-70{
	padding-left:70px;
}
.p-l-80{
	padding-left:80px;
}
.p-l-90{
	padding-left:90px;
}
.p-l-100{
	padding-left:100px;
}
/** Padding Right **/
.p-r-0{
	padding-right:0px;
}
.p-r-10{
	padding-right:10px;
}
.p-r-20{
	padding-right:20px;
}
.p-r-30{
	padding-right:30px;
}
.p-r-40{
	padding-right:40px;
}
.p-r-50{
	padding-right:50px;
}
.p-r-60{
	padding-right:60PX;
}
.p-r-70{
	padding-right:70PX;
}
.p-r-80{
	padding-right:80PX;
}
.p-r-90{
	padding-right:90PX;
}
.p-r-100{
	padding-right:100PX;
}
/** Margin top **/
.m-t-0{
	margin-top:0px;
}
.m-t-5{
	margin-top:5px;
}
.m-t-10{
	margin-top:10px;
}
.m-t-20{
	margin-top:20px;
}
.m-t-30{
	margin-top:30px;
}
.m-t-40{
	margin-top:40px;
}
.m-t-50{
	margin-top:50px;
}
.m-t-60{
	margin-top:60px;
}
.m-t-70{
	margin-top:70px;
}
.m-t-80{
	margin-top:80px;
}
.m-t-90{
	margin-top:90px;
}
.m-t-100{
	margin-top:100px;
}
/** Margin Bottom **/
.m-b-0{
	margin-bottom:0px;
}
.m-b-5{
	margin-bottom:5px;
}
.m-b-10{
	margin-bottom:10px;
}
.m-b-20{
	margin-bottom:20px;
}
.m-b-30{
	margin-bottom:30px;
}
.m-b-40{
	margin-bottom:40px;
}
.m-b-50{
	margin-bottom:50px;
}
.m-b-60{
	margin-bottom:60px;
}
.m-b-70{
	margin-bottom:70px;
}
.m-b-80{
	margin-bottom:80px;
}
.m-b-90{
	margin-bottom:90px;
}
.m-b-100{
	margin-bottom:100px;
}
/** Margin Left **/
.m-l-0{
	margin-left:0px;
}
.m-l-5{
	margin-left:5px;
}
.m-l-10{
	margin-left:10px;
}
.m-l-20{
	margin-left:20px;
}
.m-l-30{
	margin-left:30px;
}
.m-l-40{
	margin-left:40px;
}
.m-l-50{
	margin-left:50px;
}
.m-l-60{
	margin-left:60px;
}
.m-l-70{
	margin-left:70px;
}
.m-l-80{
	margin-left:80px;
}
.m-l-90{
	margin-left:90px;
}
.m-l-100{
	margin-left:100px;
}
/** Padding Right **/
.m-r-0{
	margin-right:0px;
}

.m-r-5{
	margin-right:5px;
}
.m-r-10{
	margin-right:10px;
}
.m-r-20{
	margin-right:20px;
}
.m-r-30{
	margin-right:30px;
}
.m-r-40{
	margin-right:40px;
}
.m-r-50{
	margin-right:50px;
}
.m-r-60{
	margin-right:60px;
}
.m-r-70{
	margin-right:70px;
}
.m-r-80{
	margin-right:80px;
}
.m-r-90{
	margin-right:90px;
}
.m-r-100{
	margin-right:100px;
}

.m-r-n-1{margin-left:-1px}
.p-r-n-30{padding-right:-30px}
.m-t-6{margin-top:6px}
/* ---------------------------------------------------- */
/* grid for height										*/
/* ---------------------------------------------------- */
.full-screen {
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
}

.h-150{height:150px;}
.h-250{height:250px;}
.h-320{height:320px;}
.h-350{height:350px;}

.h-10{height:10px;}
.h-20{height:20px;}
.h-30{height:30px;}
.h-40{height:40px;}
.h-50{height:50px;}
.h-60{height:60px;}
.h-70{height:70px;}
.h-80{height:80px;}
.h-90{height:90px;}
.h-100{height:100px;}
.h-200{height:200px;}
.h-300{height:300px;}
.h-400{height:400px;}
.h-500{height:500px;}
.h-600{height:600px;}
.h-700{height:700px;}
.h-800{height:800px;}
.h-900{height:900px;}
.h-1000{height:1000px;}
.h-1100{height:1100px;}
.h-1200{height:1200px;}

.min-height-50{min-height:50px}
.min-height-100{min-height:100px}
.min-height-150{min-height:150px}
.min-height-200{min-height:200px}
.min-height-250{min-height:250px}
.min-height-300{min-height:300px}
.min-height-350{min-height:350px}
.min-height-400{min-height:400px}
.min-height-450{min-height:450px}
.min-height-500{min-height:500px}
.min-height-550{min-height:550px}
.min-height-600{min-height:600px}

/* ---------------------------------------------------- */
/* grid for width										*/
/* ---------------------------------------------------- */

.w-150{width:150px;}
.w-250{width:250px;}
.w-320{width:320px;}
.w-350{width:350px;}

.w-10{width:10px;}
.w-20{width:20px;}
.w-30{width:30px;}
.w-40{width:40px;}
.w-50{width:50px;}
.w-60{width:60px;}
.w-70{width:70px;}
.w-80{width:80px;}
.w-90{width:90px;}
.w-100{width:100px;}
.w-200{width:200px;}
.w-300{width:300px;}
.w-400{width:400px;}
.w-500{width:500px;}
.w-600{width:600px;}
.w-700{width:700px;}
.w-800{width:800px;}
.w-900{width:900px;}
.w-1000{width:1000px;}
.w-1100{width:1100px;}
.w-1200{width:1200px;}

.max-width-10{max-width:10px}
.max-width-20{max-width:20px}
.max-width-30{max-width:30px}
.max-width-40{max-width:40px}
.max-width-50{max-width:50px}
.max-width-100{max-width:100px}
.max-width-150{max-width:150px}
.max-width-200{max-width:200px}
.max-width-250{max-width:250px}
.max-width-300{max-width:300px}
.max-width-350{max-width:350px}
.max-width-400{max-width:400px}
.max-width-450{max-width:450px}
.max-width-500{max-width:500px}
.max-width-550{max-width:550px}
.max-width-600{max-width:600px}

.min-width-50{min-width:50px}
.min-width-100{min-width:100px}
.min-width-150{min-width:150px}
.min-width-200{min-width:200px}
.min-width-250{min-width:250px}
.min-width-300{min-width:300px}
.min-width-350{min-width:350px}
.min-width-400{min-width:400px}
.min-width-450{min-width:450px}
.min-width-500{min-width:500px}
.min-width-550{min-width:550px}
.min-width-600{min-width:600px}


/*** Fixes & Misc ***/

.center-md{margin:0px auto;}
.center-lg{margin:0px auto;}

.w-per-100{width:100%}
.w-inherit{width:inherit}
.w-auto{width:auto}



.spacing-bottom{
	margin-bottom:30px;
}

.v-align-bottom{
	vertical-align: bottom;
}
.v-align-top{
	vertical-align: top;
}
.v-align-middle{
	vertical-align: middle;	
}

a.no-decoration{text-decoration:none;}

.hide {
  display: none;
}
.inline{
	display:inline-block !important;
}
.rounded {
  border-radius: 6px;
}
.circle {
  border-radius: 50%;
}

.no-rounded {
  border-radius: none;
}
/* ---------------------------------------------------- */
/* typo													*/
/* ---------------------------------------------------- */
.gradient-text {
  font-size: 150px;
  font-weight: 300;
  color: #1c7ebb;
  background: -webkit-linear-gradient(92deg, #fb83fa, #00aced);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-small {
  font-size: 12px;
}

.text-normal {
  font-size: 14px;
}

.text-huge {
  font-size: 72px;
}
.text-medium {
  font-size: 32px;
}
.text-large {
  font-size: 50px;
}

.size-h1 {
  font-size: 36px;
}

.size-h2 {
  font-size: 30px;
}

.size-h3 {
  font-size: 24px;
}

.size-h4 {
  font-size: 18px;
}

.text-thin {
  font-weight: 300;
}

.text-ultralight {
  font-weight: 100;
}

.vertical-text {
	/*
	transform: rotate(90deg);
	white-space:nowrap;
	padding-top:40px;
	padding-left:20px;
	*/
	line-height:1.2;
    display: inline-block;
    vertical-align: middle;
    /* Coucou IE */
    *display: inline;
    *zoom: 1;
}

/* ---------------------------------------------------- */
/* scroll												*/
/* ---------------------------------------------------- */ 
.scroll-200{
	height:200px;
	overflow-y:auto;
}

/* ---------------------------------------------------- */
/* border												*/
/* ---------------------------------------------------- */ 
.border-top{
border-top: solid 1px #DDDDDD;
}
.border-left{
border-left: solid 1px #DDDDDD;
}

.border-right{
border-right: solid 1px #DDDDDD;
}

.border-bottom{
border-bottom: solid 1px #DDDDDD;
}

.no-border{
border:none;
}

.no-radius{
  border-radius: none;
}
/* ---------------------------------------------------- */
/* icon												*/
/* ---------------------------------------------------- */ 
.no-icon{background-image:none;}
a.no-icon{display:inline-block;line-height:26px;background-image:none;white-space:nowrap;padding-left:0}
/* makes the font 33% larger relative to the icon container */
.icon-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-2x {
  font-size: 2em;
}
.icon-3x {
  font-size: 3em;
}
.icon-4x {
  font-size: 4em;
}
.icon-5x {
  font-size: 5em;
}
.icon-fw {
  width: 1.28571429em;
  text-align: center;
}
.icon-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.icon-ul > li {
  position: relative;
}
.icon-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.icon-li.icon-lg {
  left: -1.85714286em;
}
.icon-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

.icon-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.icon-circle.icon-md {
  width: 40px;
  height: 40px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.icon-circle.icon-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.icon-circle.icon-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.icon-circle.icon-success {
  padding: .5em;
  border: solid 0.08em #80B600;
}
.icon-circle.icon-primary {
  border: solid 0.08em #0081C2;
}

/* ---------------------------------------------------- */
/* button												*/
/* ---------------------------------------------------- */ 
/*
<button type="button" class="btn btn-default btn-circle btn-lg"><i class="glyphicon glyphicon-ok"></i></button>
<button type="button" class="btn btn-primary btn-circle btn-lg"><i class="glyphicon glyphicon-list"></i></button>
<button type="button" class="btn btn-success btn-circle btn-lg"><i class="glyphicon glyphicon-link"></i></button>
<button type="button" class="btn btn-info btn-circle btn-lg"><i class="glyphicon glyphicon-ok"></i></button>
<button type="button" class="btn btn-warning btn-circle btn-lg"><i class="glyphicon glyphicon-remove"></i></button>
<button type="button" class="btn btn-danger btn-circle btn-lg"><i class="glyphicon glyphicon-heart"></i></button>*/
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}


/*bootstrap 4 */
.text-xs-left {
  text-align: left !important;
}

.text-xs-right {
  text-align: right !important;
}

.text-xs-center {
  text-align: center !important;
}

@media (min-width: 544px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.loading {
  position: absolute;
  top: 70%;
  left: 50%;
}
.loading-bar {
  display: inline-block;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
}
.loading-bar:nth-child(1) {
  background-color: #8CC152;
  animation-delay: 0;
}
.loading-bar:nth-child(2) {
  background-color: #3498DB;
  animation-delay: 0.09s;
}
.loading-bar:nth-child(3) {
  background-color: #F1C721;
  animation-delay: .18s;
}
.loading-bar:nth-child(4) {
  background-color: #333333;
  animation-delay: .27s;
}

@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}