.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    -webkit-border-radius: 5px 0 0 5px;
}

.width-50 {
  width: 50px;
}
.width-100 {
  width: 100px;
}
.width-150 {
  width: 150px;
}
.width-200 {
  width: 200px;
}
.width-250 {
  width: 250px;
}
.width-300 {
  width: 300px;
}
.width-350 {
  width: 350px;
}
.width-400 {
  width: 400px;
}
.width-450 {
  width: 450px;
}
.width-500 {
  width: 500px;
}
.width-full {
  width: 100% !important;
}
.width-auto {
  width: auto !important;
}
@media (max-width: 767px) {
  .width-xs-50 {
    width: 50px;
  }
  .width-xs-100 {
    width: 100px;
  }
  .width-xs-150 {
    width: 150px;
  }
  .width-xs-200 {
    width: 200px;
  }
  .width-xs-250 {
    width: 250px;
  }
  .width-xs-300 {
    width: 300px;
  }
  .width-xs-350 {
    width: 350px;
  }
  .width-xs-400 {
    width: 400px;
  }
  .width-xs-450 {
    width: 450px;
  }
  .width-xs-500 {
    width: 500px;
  }
  .width-xs-100pc {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .width-sm-50 {
    width: 50px;
  }
  .width-sm-100 {
    width: 100px;
  }
  .width-sm-150 {
    width: 150px;
  }
  .width-sm-200 {
    width: 200px;
  }
  .width-sm-250 {
    width: 250px;
  }
  .width-sm-300 {
    width: 300px;
  }
  .width-sm-350 {
    width: 350px;
  }
  .width-sm-400 {
    width: 400px;
  }
  .width-sm-450 {
    width: 450px;
  }
  .width-sm-500 {
    width: 500px;
  }
  .width-sm-100pc {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .width-md-50 {
    width: 50px;
  }
  .width-md-100 {
    width: 100px;
  }
  .width-md-150 {
    width: 150px;
  }
  .width-md-200 {
    width: 200px;
  }
  .width-md-250 {
    width: 250px;
  }
  .width-md-300 {
    width: 300px;
  }
  .width-md-350 {
    width: 350px;
  }
  .width-md-400 {
    width: 400px;
  }
  .width-md-450 {
    width: 450px;
  }
  .width-md-500 {
    width: 500px;
  }
}
@media (min-width: 1200px) {
  .width-lg-50 {
    width: 50px;
  }
  .width-lg-100 {
    width: 100px;
  }
  .width-lg-150 {
    width: 150px;
  }
  .width-lg-200 {
    width: 200px;
  }
  .width-lg-250 {
    width: 250px;
  }
  .width-lg-300 {
    width: 300px;
  }
  .width-lg-350 {
    width: 350px;
  }
  .width-lg-400 {
    width: 400px;
  }
  .width-lg-450 {
    width: 450px;
  }
  .width-lg-500 {
    width: 500px;
  }
}
.height-50 {
  height: 50px;
}
.height-100 {
  height: 100px;
}
.height-120 {
  height: 120px;
}
.height-150 {
  height: 150px;
}
.height-200 {
  height: 200px;
}
.height-250 {
  height: 250px;
}
.height-300 {
  height: 300px;
}
.height-350 {
  height: 350px;
}
.height-400 {
  height: 400px;
}
.height-450 {
  height: 450px;
}
.height-500 {
  height: 500px;
}
.height-full {
  height: 100% !important;
}
@media (max-width: 767px) {
  .height-xs-50 {
    height: 50px;
  }
  .height-xs-100 {
    height: 100px;
  }
  .height-xs-120 {
    height: 120px;
  }
  .height-xs-150 {
    height: 150px;
  }
  .height-xs-200 {
    height: 200px;
  }
  .height-xs-250 {
    height: 250px;
  }
  .height-xs-300 {
    height: 300px;
  }
  .height-xs-350 {
    height: 350px;
  }
  .height-xs-400 {
    height: 400px;
  }
  .height-xs-450 {
    height: 450px;
  }
  .height-xs-500 {
    height: 500px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .height-sm-50 {
    height: 50px;
  }
  .height-sm-100 {
    height: 100px;
  }
  .height-sm-120 {
    height: 120px;
  }
  .height-sm-150 {
    height: 150px;
  }
  .height-sm-200 {
    height: 200px;
  }
  .height-sm-250 {
    height: 250px;
  }
  .height-sm-300 {
    height: 300px;
  }
  .height-sm-350 {
    height: 350px;
  }
  .height-sm-400 {
    height: 400px;
  }
  .height-sm-450 {
    height: 450px;
  }
  .height-sm-500 {
    height: 500px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .height-md-50 {
    height: 50px;
  }
  .height-md-100 {
    height: 100px;
  }
  .height-md-120 {
    height: 120px;
  }
  .height-md-150 {
    height: 150px;
  }
  .height-md-200 {
    height: 200px;
  }
  .height-md-250 {
    height: 250px;
  }
  .height-md-300 {
    height: 300px;
  }
  .height-md-350 {
    height: 350px;
  }
  .height-md-400 {
    height: 400px;
  }
  .height-md-450 {
    height: 450px;
  }
  .height-md-500 {
    height: 500px;
  }
}
@media (min-width: 1200px) {
  .height-lg-50 {
    height: 50px;
  }
  .height-lg-100 {
    height: 100px;
  }
  .height-lg-120 {
    height: 120px;
  }
  .height-lg-150 {
    height: 150px;
  }
  .height-lg-200 {
    height: 200px;
  }
  .height-lg-250 {
    height: 250px;
  }
  .height-lg-300 {
    height: 300px;
  }
  .height-lg-350 {
    height: 350px;
  }
  .height-lg-400 {
    height: 400px;
  }
  .height-lg-450 {
    height: 450px;
  }
  .height-lg-500 {
    height: 500px;
  }
}
.margin-auto {
  margin: auto !important;
}
.margin-0 {
  margin: 0 !important;
}
.margin-3 {
  margin: 3px !important;
}
.margin-5 {
  margin: 5px !important;
}
.margin-10 {
  margin: 10px !important;
}
.margin-15 {
  margin: 15px !important;
}
.margin-20 {
  margin: 20px !important;
}
.margin-25 {
  margin: 25px !important;
}
.margin-30 {
  margin: 30px !important;
}
.margin-35 {
  margin: 35px !important;
}
.margin-40 {
  margin: 40px !important;
}
.margin-45 {
  margin: 45px !important;
}
.margin-50 {
  margin: 50px !important;
}
.margin-vertical-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.margin-vertical-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.margin-vertical-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.margin-vertical-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.margin-vertical-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.margin-vertical-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.margin-vertical-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.margin-vertical-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.margin-vertical-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.margin-vertical-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.margin-vertical-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.margin-vertical-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.margin-horizontal-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.margin-horizontal-3 {
  margin-right: 3px !important;
  margin-left: 3px !important;
}
.margin-horizontal-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.margin-horizontal-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}
.margin-horizontal-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}
.margin-horizontal-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}
.margin-horizontal-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}
.margin-horizontal-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}
.margin-horizontal-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}
.margin-horizontal-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.margin-horizontal-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}
.margin-horizontal-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-top-3 {
  margin-top: 3px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-25 {
  margin-top: 25px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-top-35 {
  margin-top: 35px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-top-45 {
  margin-top: 45px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.margin-bottom-3 {
  margin-bottom: 3px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-25 {
  margin-bottom: 25px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-bottom-35 {
  margin-bottom: 35px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-bottom-45 {
  margin-bottom: 45px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-left-0 {
  margin-left: 0 !important;
}
.margin-left-3 {
  margin-left: 3px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-left-25 {
  margin-left: 25px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-left-35 {
  margin-left: 35px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}
.margin-left-45 {
  margin-left: 45px !important;
}
.margin-left-50 {
  margin-left: 50px !important;
}
.margin-right-0 {
  margin-right: 0 !important;
}
.margin-right-3 {
  margin-right: 3px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-right-25 {
  margin-right: 25px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-right-35 {
  margin-right: 35px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-right-45 {
  margin-right: 45px !important;
}
.margin-right-50 {
  margin-right: 50px !important;
}
@media (max-width: 767px) {
  .margin-xs-0 {
    margin: 0 !important;
  }
}
@media (min-width: 768px) {
  .margin-sm-0 {
    margin: 0 !important;
  }
}
@media (min-width: 992px) {
  .margin-md-0 {
    margin: 0 !important;
  }
}
@media (min-width: 1200px) {
  .margin-lg-0 {
    margin: 0 !important;
  }
}
.padding-0 {
  padding: 0 !important;
}
.padding-3 {
  padding: 3px !important;
}
.padding-5 {
  padding: 5px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-15 {
  padding: 15px !important;
}
.padding-20 {
  padding: 20px !important;
}
.padding-25 {
  padding: 25px !important;
}
.padding-30 {
  padding: 30px !important;
}
.padding-35 {
  padding: 35px !important;
}
.padding-40 {
  padding: 40px !important;
}
.padding-45 {
  padding: 45px !important;
}
.padding-50 {
  padding: 50px !important;
}
.padding-vertical-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.padding-vertical-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.padding-vertical-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.padding-vertical-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.padding-vertical-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.padding-vertical-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.padding-vertical-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.padding-vertical-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.padding-vertical-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.padding-vertical-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.padding-vertical-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
.padding-vertical-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.padding-horizontal-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.padding-horizontal-3 {
  padding-right: 3px !important;
  padding-left: 3px !important;
}
.padding-horizontal-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.padding-horizontal-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.padding-horizontal-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.padding-horizontal-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.padding-horizontal-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}
.padding-horizontal-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}
.padding-horizontal-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}
.padding-horizontal-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.padding-horizontal-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}
.padding-horizontal-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-top-3 {
  padding-top: 3px !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-top-25 {
  padding-top: 25px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-top-35 {
  padding-top: 35px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-top-45 {
  padding-top: 45px !important;
}
.padding-top-50 {
  padding-top: 50px !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-bottom-3 {
  padding-bottom: 3px !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-bottom-25 {
  padding-bottom: 25px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-bottom-35 {
  padding-bottom: 35px !important;
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}
.padding-bottom-45 {
  padding-bottom: 45px !important;
}
.padding-bottom-50 {
  padding-bottom: 50px !important;
}
.padding-left-0 {
  padding-left: 0 !important;
}
.padding-left-3 {
  padding-left: 3px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-left-25 {
  padding-left: 25px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-left-35 {
  padding-left: 35px !important;
}
.padding-left-40 {
  padding-left: 40px !important;
}
.padding-left-45 {
  padding-left: 45px !important;
}
.padding-left-50 {
  padding-left: 50px !important;
}
.padding-right-0 {
  padding-right: 0 !important;
}
.padding-right-3 {
  padding-right: 3px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-right-25 {
  padding-right: 25px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-right-35 {
  padding-right: 35px !important;
}
.padding-right-40 {
  padding-right: 40px !important;
}
.padding-right-45 {
  padding-right: 45px !important;
}
.padding-right-50 {
  padding-right: 50px !important;
}
.primary-100 {
  color: #e8f1f8 !important;
}
.primary-200 {
  color: #d5e4f1 !important;
}
.primary-300 {
  color: #bcd8f1 !important;
}
.primary-400 {
  color: #a2caee !important;
}
.primary-500 {
  color: #89bceb !important;
}
.primary-600 {
  color: #62a8ea !important;
}
.primary-700 {
  color: #4e97d9 !important;
}
.primary-800 {
  color: #3583ca !important;
}
.red-100 {
  color: #ffeaea !important;
}
.red-200 {
  color: #fad3d3 !important;
}
.red-300 {
  color: #fab4b4 !important;
}
.red-400 {
  color: #fa9898 !important;
}
.red-500 {
  color: #fa7a7a !important;
}
.red-600 {
  color: #f96868 !important;
}
.red-700 {
  color: #e9595b !important;
}
.red-800 {
  color: #d6494b !important;
}
.pink-100 {
  color: #fce4ec !important;
}
.pink-200 {
  color: #ffccde !important;
}
.pink-300 {
  color: #fba9c6 !important;
}
.pink-400 {
  color: #fb8db4 !important;
}
.pink-500 {
  color: #f978a6 !important;
}
.pink-600 {
  color: #f96197 !important;
}
.pink-700 {
  color: #f44c87 !important;
}
.pink-800 {
  color: #e53b75 !important;
}
.purple-100 {
  color: #f6f2ff !important;
}
.purple-200 {
  color: #e3dbf4 !important;
}
.purple-300 {
  color: #d2c5ec !important;
}
.purple-400 {
  color: #bba7e4 !important;
}
.purple-500 {
  color: #a58add !important;
}
.purple-600 {
  color: #926dde !important;
}
.purple-700 {
  color: #7c51d1 !important;
}
.purple-800 {
  color: #6d45bc !important;
}
.indigo-100 {
  color: #edeff9 !important;
}
.indigo-200 {
  color: #dadef5 !important;
}
.indigo-300 {
  color: #bcc5f4 !important;
}
.indigo-400 {
  color: #9daaf3 !important;
}
.indigo-500 {
  color: #8897ec !important;
}
.indigo-600 {
  color: #677ae4 !important;
}
.indigo-700 {
  color: #5166d6 !important;
}
.indigo-800 {
  color: #465bd4 !important;
}
.blue-100 {
  color: #e8f1f8 !important;
}
.blue-200 {
  color: #d5e4f1 !important;
}
.blue-300 {
  color: #bcd8f1 !important;
}
.blue-400 {
  color: #a2caee !important;
}
.blue-500 {
  color: #89bceb !important;
}
.blue-600 {
  color: #62a8ea !important;
}
.blue-700 {
  color: #4e97d9 !important;
}
.blue-800 {
  color: #3583ca !important;
}
.cyan-100 {
  color: #ecf9fa !important;
}
.cyan-200 {
  color: #d3eff2 !important;
}
.cyan-300 {
  color: #baeaef !important;
}
.cyan-400 {
  color: #9ae1e9 !important;
}
.cyan-500 {
  color: #77d6e1 !important;
}
.cyan-600 {
  color: #57c7d4 !important;
}
.cyan-700 {
  color: #47b8c6 !important;
}
.cyan-800 {
  color: #37a9b7 !important;
}
.teal-100 {
  color: #ecfdfc !important;
}
.teal-200 {
  color: #cdf4f1 !important;
}
.teal-300 {
  color: #99e1da !important;
}
.teal-400 {
  color: #79d1c9 !important;
}
.teal-500 {
  color: #56bfb5 !important;
}
.teal-600 {
  color: #3aa99e !important;
}
.teal-700 {
  color: #269b8f !important;
}
.teal-800 {
  color: #178d81 !important;
}
.green-100 {
  color: #e7faf2 !important;
}
.green-200 {
  color: #bfedd8 !important;
}
.green-300 {
  color: #9fe5c5 !important;
}
.green-400 {
  color: #7dd3ae !important;
}
.green-500 {
  color: #5cd29d !important;
}
.green-600 {
  color: #46be8a !important;
}
.green-700 {
  color: #36ab7a !important;
}
.green-800 {
  color: #279566 !important;
}
.light-green-100 {
  color: #f1f7ea !important;
}
.light-green-200 {
  color: #e0ecd1 !important;
}
.light-green-300 {
  color: #cadfb1 !important;
}
.light-green-400 {
  color: #bad896 !important;
}
.light-green-500 {
  color: #acd57c !important;
}
.light-green-600 {
  color: #9ece67 !important;
}
.light-green-700 {
  color: #83b944 !important;
}
.light-green-800 {
  color: #70a532 !important;
}
.yellow-100 {
  color: #fffae7 !important;
}
.yellow-200 {
  color: #f9eec1 !important;
}
.yellow-300 {
  color: #f6e7a9 !important;
}
.yellow-400 {
  color: #f8e59b !important;
}
.yellow-500 {
  color: #f7e083 !important;
}
.yellow-600 {
  color: #f7da64 !important;
}
.yellow-700 {
  color: #f9cd48 !important;
}
.yellow-800 {
  color: #fbc02d !important;
}
.orange-100 {
  color: #fff3e6 !important;
}
.orange-200 {
  color: #ffddb9 !important;
}
.orange-300 {
  color: #fbce9d !important;
}
.orange-400 {
  color: #f6be80 !important;
}
.orange-500 {
  color: #f4b066 !important;
}
.orange-600 {
  color: #f2a654 !important;
}
.orange-700 {
  color: #ec9940 !important;
}
.orange-800 {
  color: #e98f2e !important;
}
.brown-100 {
  color: #fae6df !important;
}
.brown-200 {
  color: #e2bdaf !important;
}
.brown-300 {
  color: #d3aa9c !important;
}
.brown-400 {
  color: #b98e7e !important;
}
.brown-500 {
  color: #a17768 !important;
}
.brown-600 {
  color: #8d6658 !important;
}
.brown-700 {
  color: #7d5b4f !important;
}
.brown-800 {
  color: #715146 !important;
}
.grey-100 {
  color: #fafafa !important;
}
.grey-200 {
  color: #eee !important;
}
.grey-300 {
  color: #e0e0e0 !important;
}
.grey-400 {
  color: #bdbdbd !important;
}
.grey-500 {
  color: #9e9e9e !important;
}
.grey-600 {
  color: #757575 !important;
}
.grey-700 {
  color: #616161 !important;
}
.grey-800 {
  color: #424242 !important;
}
.grey-900 {
  color: #222222 !important;
}
.blue-grey-100,
.blue-grey-100-hover:hover {
  color: #f3f7f9 !important;
}
.blue-grey-200,
.blue-grey-200-hover:hover {
  color: #e4eaec !important;
}
.blue-grey-300,
.blue-grey-300-hover:hover {
  color: #ccd5db !important;
}
.blue-grey-400,
.blue-grey-400-hover:hover {
  color: #a3afb7 !important;
}
.blue-grey-500,
.blue-grey-500-hover:hover {
  color: #76838f !important;
}
.blue-grey-600,
.blue-grey-600-hover:hover {
  color: #526069 !important;
}
.blue-grey-700,
.blue-grey-700-hover:hover {
  color: #37474f !important;
}
.blue-grey-800,
.blue-grey-800-hover:hover {
  color: #263238 !important;
}
.bg-primary-100 {
  background-color: #e8f1f8 !important;
}
.bg-primary-200 {
  background-color: #d5e4f1 !important;
}
.bg-primary-300 {
  background-color: #bcd8f1 !important;
}
.bg-primary-400 {
  background-color: #a2caee !important;
}
.bg-primary-500 {
  background-color: #89bceb !important;
}
.bg-primary-600 {
  background-color: #62a8ea !important;
}
.bg-primary-700 {
  background-color: #4e97d9 !important;
}
.bg-primary-800 {
  background-color: #3583ca !important;
}
.bg-red-100 {
  background-color: #ffeaea !important;
}
.bg-red-200 {
  background-color: #fad3d3 !important;
}
.bg-red-300 {
  background-color: #fab4b4 !important;
}
.bg-red-400 {
  background-color: #fa9898 !important;
}
.bg-red-500 {
  background-color: #fa7a7a !important;
}
.bg-red-600 {
  background-color: #f96868 !important;
}
.bg-red-700 {
  background-color: #e9595b !important;
}
.bg-red-800 {
  background-color: #d6494b !important;
}
.bg-pink-100 {
  background-color: #fce4ec !important;
}
.bg-pink-200 {
  background-color: #ffccde !important;
}
.bg-pink-300 {
  background-color: #fba9c6 !important;
}
.bg-pink-400 {
  background-color: #fb8db4 !important;
}
.bg-pink-500 {
  background-color: #f978a6 !important;
}
.bg-pink-600 {
  background-color: #f96197 !important;
}
.bg-pink-700 {
  background-color: #f44c87 !important;
}
.bg-pink-800 {
  background-color: #e53b75 !important;
}
.bg-purple-100 {
  background-color: #f6f2ff !important;
}
.bg-purple-200 {
  background-color: #e3dbf4 !important;
}
.bg-purple-300 {
  background-color: #d2c5ec !important;
}
.bg-purple-400 {
  background-color: #bba7e4 !important;
}
.bg-purple-500 {
  background-color: #a58add !important;
}
.bg-purple-600 {
  background-color: #926dde !important;
}
.bg-purple-700 {
  background-color: #7c51d1 !important;
}
.bg-purple-800 {
  background-color: #6d45bc !important;
}
.bg-indigo-100 {
  background-color: #edeff9 !important;
}
.bg-indigo-200 {
  background-color: #dadef5 !important;
}
.bg-indigo-300 {
  background-color: #bcc5f4 !important;
}
.bg-indigo-400 {
  background-color: #9daaf3 !important;
}
.bg-indigo-500 {
  background-color: #8897ec !important;
}
.bg-indigo-600 {
  background-color: #677ae4 !important;
}
.bg-indigo-700 {
  background-color: #5166d6 !important;
}
.bg-indigo-800 {
  background-color: #465bd4 !important;
}
.bg-blue-100 {
  background-color: #e8f1f8 !important;
}
.bg-blue-200 {
  background-color: #d5e4f1 !important;
}
.bg-blue-300 {
  background-color: #bcd8f1 !important;
}
.bg-blue-400 {
  background-color: #a2caee !important;
}
.bg-blue-500 {
  background-color: #89bceb !important;
}
.bg-blue-600 {
  background-color: #62a8ea !important;
}
.bg-blue-700 {
  background-color: #4e97d9 !important;
}
.bg-blue-800 {
  background-color: #3583ca !important;
}
.bg-cyan-100 {
  background-color: #ecf9fa !important;
}
.bg-cyan-200 {
  background-color: #d3eff2 !important;
}
.bg-cyan-300 {
  background-color: #baeaef !important;
}
.bg-cyan-400 {
  background-color: #9ae1e9 !important;
}
.bg-cyan-500 {
  background-color: #77d6e1 !important;
}
.bg-cyan-600 {
  background-color: #57c7d4 !important;
}
.bg-cyan-700 {
  background-color: #47b8c6 !important;
}
.bg-cyan-800 {
  background-color: #37a9b7 !important;
}
.bg-teal-100 {
  background-color: #ecfdfc !important;
}
.bg-teal-200 {
  background-color: #cdf4f1 !important;
}
.bg-teal-300 {
  background-color: #99e1da !important;
}
.bg-teal-400 {
  background-color: #79d1c9 !important;
}
.bg-teal-500 {
  background-color: #56bfb5 !important;
}
.bg-teal-600 {
  background-color: #3aa99e !important;
}
.bg-teal-700 {
  background-color: #269b8f !important;
}
.bg-teal-800 {
  background-color: #178d81 !important;
}
.bg-green-100 {
  background-color: #e7faf2 !important;
}
.bg-green-200 {
  background-color: #bfedd8 !important;
}
.bg-green-300 {
  background-color: #9fe5c5 !important;
}
.bg-green-400 {
  background-color: #7dd3ae !important;
}
.bg-green-500 {
  background-color: #5cd29d !important;
}
.bg-green-600 {
  background-color: #46be8a !important;
}
.bg-green-700 {
  background-color: #36ab7a !important;
}
.bg-green-800 {
  background-color: #279566 !important;
}
.bg-light-green-100 {
  background-color: #f1f7ea !important;
}
.bg-light-green-200 {
  background-color: #e0ecd1 !important;
}
.bg-light-green-300 {
  background-color: #cadfb1 !important;
}
.bg-light-green-400 {
  background-color: #bad896 !important;
}
.bg-light-green-500 {
  background-color: #acd57c !important;
}
.bg-light-green-600 {
  background-color: #9ece67 !important;
}
.bg-light-green-700 {
  background-color: #83b944 !important;
}
.bg-light-green-800 {
  background-color: #70a532 !important;
}
.bg-yellow-100 {
  background-color: #fffae7 !important;
}
.bg-yellow-200 {
  background-color: #f9eec1 !important;
}
.bg-yellow-300 {
  background-color: #f6e7a9 !important;
}
.bg-yellow-400 {
  background-color: #f8e59b !important;
}
.bg-yellow-500 {
  background-color: #f7e083 !important;
}
.bg-yellow-600 {
  background-color: #f7da64 !important;
}
.bg-yellow-700 {
  background-color: #f9cd48 !important;
}
.bg-yellow-800 {
  background-color: #fbc02d !important;
}
.bg-orange-100 {
  background-color: #fff3e6 !important;
}
.bg-orange-200 {
  background-color: #ffddb9 !important;
}
.bg-orange-300 {
  background-color: #fbce9d !important;
}
.bg-orange-400 {
  background-color: #f6be80 !important;
}
.bg-orange-500 {
  background-color: #f4b066 !important;
}
.bg-orange-600 {
  background-color: #f2a654 !important;
}
.bg-orange-700 {
  background-color: #ec9940 !important;
}
.bg-orange-800 {
  background-color: #e98f2e !important;
}
.bg-brown-100 {
  background-color: #fae6df !important;
}
.bg-brown-200 {
  background-color: #e2bdaf !important;
}
.bg-brown-300 {
  background-color: #d3aa9c !important;
}
.bg-brown-400 {
  background-color: #b98e7e !important;
}
.bg-brown-500 {
  background-color: #a17768 !important;
}
.bg-brown-600 {
  background-color: #8d6658 !important;
}
.bg-brown-700 {
  background-color: #7d5b4f !important;
}
.bg-brown-800 {
  background-color: #715146 !important;
}
.bg-grey-100 {
  background-color: #fafafa !important;
}
.bg-grey-200 {
  background-color: #eee !important;
}
.bg-grey-300 {
  background-color: #e0e0e0 !important;
}
.bg-grey-400 {
  background-color: #bdbdbd !important;
}
.bg-grey-500 {
  background-color: #9e9e9e !important;
}
.bg-grey-600 {
  background-color: #757575 !important;
}
.bg-grey-700 {
  background-color: #616161 !important;
}
.bg-grey-800 {
  background-color: #424242 !important;
}
.bg-blue-grey-100 {
  background-color: #f3f7f9 !important;
}
.bg-blue-grey-200 {
  background-color: #e4eaec !important;
}
.bg-blue-grey-300 {
  background-color: #ccd5db !important;
}
.bg-blue-grey-400 {
  background-color: #a3afb7 !important;
}
.bg-blue-grey-500 {
  background-color: #76838f !important;
}
.bg-blue-grey-600 {
  background-color: #526069 !important;
}
.bg-blue-grey-700 {
  background-color: #37474f !important;
}
.bg-blue-grey-800 {
  background-color: #263238 !important;
}
.black {
  color: #000 !important;
}
.white {
  color: #fff !important;
}
.bg-white {
  color: #76838f;
  background-color: #fff;
}
.bg-black {
  color: #fff;
  background-color: #000;
}
.bg-black-light {
  color: #FFF;
  background-color: #222;
}
.bg-primary {
  color: #fff;
  background-color: #62a8ea;
}
.bg-primary:hover {
  background-color: #8fc1f0;
}
.bg-primary a,
a.bg-primary {
  color: #fff;
}
.bg-primary a:hover,
a.bg-primary:hover {
  color: #fff;
}
.bg-success {
  color: #fff;
  background-color: #46be8a;
}
.bg-success:hover {
  background-color: #6ccba2;
}
.bg-success a,
a.bg-success {
  color: #fff;
}
.bg-success a:hover,
a.bg-success:hover {
  color: #fff;
}
.bg-info {
  color: #fff;
  background-color: #57c7d4;
}
.bg-info:hover {
  background-color: #80d5de;
}
.bg-info a,
a.bg-info {
  color: #fff;
}
.bg-info a:hover,
a.bg-info:hover {
  color: #fff;
}
.bg-warning {
  color: #fff;
  background-color: #f2a654;
}
.bg-warning:hover {
  background-color: #f6bf83;
}
.bg-warning a,
a.bg-warning {
  color: #fff;
}
.bg-warning a:hover,
a.bg-warning:hover {
  color: #fff;
}
.bg-danger {
  color: #fff;
  background-color: #f96868;
}
.bg-danger:hover {
  background-color: #fb9999;
}
.bg-danger a,
a.bg-danger {
  color: #fff;
}
.bg-danger a:hover,
a.bg-danger:hover {
  color: #fff;
}
.bg-dark {
  color: #fff;
  background-color: #526069;
}
.bg-dark:hover {
  background-color: #687a86;
}
.bg-dark a,
a.bg-dark {
  color: #fff;
}
.bg-dark a:hover,
a.bg-dark:hover {
  color: #fff;
}

.vertical-align {
  font-size: 0;
}
.vertical-align:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.vertical-align-middle,
.vertical-align-bottom {
  display: inline-block;
  max-width: 100%;
  font-size: 14px;
}
.vertical-align-middle {
  vertical-align: middle;
}
.vertical-align-bottom {
  vertical-align: bottom;
}

.float-left{ float:left; }
.float-right{ float:right; }

.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.block {
  display: block !important;
}
.flex {
  display: flex !important;
}

.display-table {
  display: table !important;
}
.display-table-cell {
  display: table-cell !important;
  width:100%;
  height:100%;
  text-align: center;
  vertical-align:middle;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
  /* for IE */
  white-space: nowrap;
}
.text-break {
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
  word-wrap: break-word;
  white-space: normal;

      -ms-hyphens: auto;
}
.text-nowrap {
  white-space: nowrap;
}
.text-top {
  vertical-align: top !important;
}
.text-middle {
  vertical-align: middle !important;
}
.text-bottom {
  vertical-align: bottom !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-unset {
  font-weight: unset !important;
}
.font-weight-100 {
  font-weight: 100 !important;
}
.font-weight-200 {
  font-weight: 200 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-weight-900 {
  font-weight: 900 !important;
}
.font-weight-light {
  font-weight: 100 !important;
}
.font-weight-normal {
  font-weight: 300 !important;
}
.font-weight-medium {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 800 !important;
}
.font-size-0 {
  font-size: 0 !important;
}
.font-size-4 {
  font-size: 4px !important;
}
.font-size-5 {
  font-size: 5px !important;
}
.font-size-6 {
  font-size: 6px !important;
}
.font-size-8 {
  font-size: 8px !important;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-26 {
  font-size: 26px !important;
}
.font-size-30 {
  font-size: 30px !important;
}
.font-size-40 {
  font-size: 40px !important;
}
.font-size-50 {
  font-size: 50px !important;
}
.font-size-60 {
  font-size: 60px !important;
}
.font-size-70 {
  font-size: 70px !important;
}
.font-size-80 {
  font-size: 80px !important;
}

.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;
}

.circle {
  border-radius: 500px;
}

.circle-10 {
  width:10;
  height:10px;
  border-radius: 10px;
}

.circle-20 {
  width:20px;
  height:20px;
  border-radius: 20px;
}

.circle-30 {
  width:20px;
  height:20px;
  border-radius: 20px;
}

.no-underline{
    text-decoration:none !important;
}

.border-none{
    border:none !important;
}

.overflow-hidden{ overflow: hidden; }
.absolute{ position: absolute; }
.relative{ position: relative; }
.static{ position: static; }
.fixed{ position: fixed; }
.hidden-loading{ display:none !important; }
.hidden{ display:none !important; }

/*** OFFRES ***/
.shape{    
    position:absolute;
    top:0;
    right:0;
    border-style: solid;
    border-width: 0 70px 70px 0;
    height: 0px; width: 0px;
    -ms-transform:rotate(360deg); /* IE 9 */
    -o-transform: rotate(360deg);  /* Opera 10.5 */
    -webkit-transform:rotate(360deg); /* Safari and Chrome */
    transform:rotate(360deg);
    border-color: transparent #999999 transparent transparent;
}

.shape-danger{
    border-color: transparent #d9534f transparent transparent !important;
}

.shape-success{
    border-color: transparent #5cb85c transparent transparent !important;
}
.shape-primary{
    border-color: transparent #428bca transparent transparent !important;
}
.shape-info{
    border-color: transparent #5bc0de transparent transparent !important;
}
.shape-warning{
    border-color: transparent #f0ad4e transparent transparent !important;
}

.shape-text{
    display:block;
    text-align:center;
    width:70px;
    height:20px;
    color:#fff;
    font-size:10px;
    font-weight:bold;
    position:relative;
    right:-10px;
    top:15px;
    white-space: nowrap;
    -ms-transform:rotate(30deg); /* IE 9 */
    -o-transform: rotate(360deg);  /* Opera 10.5 */
    -webkit-transform:rotate(360deg); /* Safari and Chrome */
    transform:rotate(45deg);
}

.breadcrum,
.breadcrum > li{ display:inline; margin:0; padding:0; }
.breadcrum{ font-size:12px; display:block; padding:10px 0 15px 10px; }
.breadcrum > li{ margin-right:2px; }
.breadcrum a:link,
.breadcrum a:visited,
.breadcrum a:hover{ text-decoration:none; }
.breadcrum a:hover{ text-decoration:underline; }

.pointer{ cursor:pointer; }