/* HRP Custom CSS */

.scrollable-180 {
  max-height: 180px;
  overflow-x: hidden;
  overflow-y: auto;
}

.p-w-xxs {
  padding-left: 5px;
  padding-right: 5px;
}

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

.p-t-sm {
  padding-top: 15px;
}

.p-l-lg {
  padding-left: 30px;
}

textarea.form-control {
  max-width: 100%;
}

.w-full {
  width: 100%;
}

.btn-hrp-pink {
  background-color: #ff4fa9;
  color: white;
}

.btn-hrp-purple {
  background-color: #7277ef;
  color: white;
}

.btn-hrp-teal {
  background-color: #03d3d5;
  color: white;
}

.btn-hrp-yellow {
  background-color: #ffbb00;
  color: white;
}

.bg-hrp-pink{
  background-color: #fb699d;
}

.bg-hrp-purple{
  background-color: #939bf9;
}

.bg-hrp-green{
  background-color: #00f39e;
}

.bg-hrp-yellow{
  background-color: #ffbb00;
}

.bg-hrp-teal{
  background-color: #2ad7d7;
}

.bg-hrp-blue{
  background-color: #2dd3fd;
}

.bg-white{
  background-color: white;
}

.text-hrp-purple{
  color: #4333D6;
}

.text-hrp-teal{
  color: #06B9DD;
}

.text-hrp-pink{
  color: #FF4FA9;
}

.text-hrp-yellow{
  color: #FDA305;
}

.label-hrp-pink {
  background-color: #ff4fa9;
  color: white;
}

.label-hrp-purple {
  background-color: #7277ef;
  color: white;
}

.label-hrp-teal {
  background-color: #03d3d5;
  color: white;
}

.label-hrp-yellow {
  background-color: #ffbb00;
  color: white;
}

.border-hrp-pink {
  border-color: #ff4fa9;
}

.border-hrp-purple {
  border-color: #7277ef;
}

.border-hrp-teal {
  border-color: #03d3d5;
}

.border-hrp-yellow {
  border-color: #ffbb00;
}

.truncate {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.justify-between {
  justify-content: space-between;
}

.d-grid {
  display: grid;
}

.fixed-height-300{
  overflow: scroll;
  max-height: 300px;
}

body.mini-navbar .navbar-default .nav .nav-second-level li a span {
  display: inline;
}

.mini-navbar .nav-second-level{
  min-width: 160px !important;
  font-size: 10px;
}

.cascading-dropdown{
  top: auto !important;
  right: 0 !important;
  left: auto !important;
}

@media only screen and (max-width: 576px) {
  .px-xs-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}

@media only screen and (max-width: 991px) {
  .pb-sm-4 {
    padding-bottom: 1rem !important;
  }
  .px-sm-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .pl-sm-8 {
    padding-left: 2rem !important;
  }
  .pr-sm-12 {
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pl-md-4 {
    padding-left: 1rem !important;
  }
  .pr-md-8 {
    padding-right: 2rem !important;
  }
}