.noPadding,
.p-0 {
  padding: 0;
}

.ml-5 {
  margin-left: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

ng-hide {
  display: none;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.img-responsive {
  margin: auto;
}

.md-margin-top {
  margin-top: 15px;
}

/* COLOR */
.green {
  color: #00cd66;
}

.red {
  color: #ff4c4c;
}

.yellow {
  color: #ffff4d;
}

.idee-extralight-blue {
  color: #ccdbea;
}

/* END COLOR */

.conf-green {
  color: #008a57;
}
.conf-ligth-green {
  color: #09dc8e;
}
.conf-dark-grey {
  color: #636363;
}
.conf-grey {
  color: #7e7e7e;
}
.conf-extra-light-grey {
  color: #f4f4f4;
}
.conf-black {
  color: #333333;
}
.conf-red {
  color: #dd2200;
}
.conf-yellow {
  color: #ffc439;
}
.conf-blue {
  color: #420ce8;
}

.btn-primary {
  background-color: #008a57 !important;
  border: 1px solid #008a57 !important;
  color: white !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #008a57 !important;
  background-position: 0 -15px;
  color: white !important;
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);
}
.btn-primary:active,
.btn-primary.active {
  background-color: #008a57 !important;
  border: 1px solid #008a57 !important;
  color: white !important;
}

.btn-secondary {
  background-color: #ffc439 !important;
  border: 1px solid #ffc439 !important;
  color: #008a57 !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #ffc439 !important;
  background-position: 0 -15px;
  color: #008a57 !important;
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);
}
.btn-secondary:active,
.btn-secondary.active {
  background-color: #ffc439 !important;
  border: 1px solid #ffc439 !important;
  color: #008a57 !important;
}

.btn-tertiary {
  background-color: #dd2200 !important;
  border: 1px solid #dd2200 !important;
  color: white !important;
}
.btn-tertiary:hover,
.btn-tertiary:focus {
  background-color: #dd2200 !important;
  background-position: 0 -15px;
  color: white !important;
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);
}
.btn-tertiary:active,
.btn-tertiary.active {
  background-color: #dd2200 !important;
  border: 1px solid #dd2200 !important;
  color: white !important;
}

.btn-transparent {
  background-color: transparent !important;
  border: 1px solid #008a57 !important;
  color: #008a57 !important;
}
.btn-transparent:hover,
.btn-transparent:focus {
  background-color: #008a57 !important;
  background-position: 0 -15px;
  color: white !important;
}
.btn-transparent:active,
.btn-transparent.active {
  background-color: #008a57 !important;
  border: 1px solid #008a57 !important;
  color: white !important;
}

/* LOADING ANIMATION */
.glyphicon-refresh-animate {
  -animation: spin 0.7s infinite linear;
  -webkit-animation: spin2 0.7s infinite linear;
}

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

.loadingSpinner {
  font-size: 2em;
  color: #1e8665;
}
/* END LOADING ANIMATION */

/* SLIDER */
.rz-pointer:focus {
  outline: none !important;
}

.rzslider .rz-pointer {
  background-color: #00643e !important;
}

.rzslider .rz-pointer.rz-active:after,
.rzslider .rz-pointer:hover:after,
.rzslider .rz-pointer:after,
.rzslider .rz-bar,
.rzslider .rz-ticks .rz-tick {
  background-color: #fcd257 !important;
}
/* END SLIDER */

/* BOX */
.borderTopSuccess {
  border-top: 3px solid #00a65a;
}
/* END BOX */