/*------------------------------------
  Variables
------------------------------------*/
/*------------------------------------
  Icons Styles
------------------------------------*/
.u-icon-v1,
.u-icon-v2,
.u-icon-v3,
.u-icon-v4 {
  position: relative;
  display: inline-block;
  text-align: center;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.u-icon-v1:hover,
.u-icon-v2:hover,
.u-icon-v3:hover,
.u-icon-v4:hover {
  text-decoration: none;
}

.u-icon-v1::before,
.u-icon-v2::before,
.u-icon-v3::before {
  display: block;
}

.u-icon-v1 > i,
.u-icon-v2 > i,
.u-icon-v3 > i,
.u-icon-v4 > span > i {
  position: relative;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

[class*="u-icon-v"] .u-line-icon-pro {
  -webkit-transform: translateY(-45%);
      -ms-transform: translateY(-45%);
          transform: translateY(-45%);
}

.u-icon-rotation {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.u-icon-rotation .u-icon__elem {
  -webkit-transform: rotate(-45deg) translate(15%, -30%);
      -ms-transform: rotate(-45deg) translate(15%, -30%);
          transform: rotate(-45deg) translate(15%, -30%);
}

.u-icon-rotation .u-line-icon-pro {
  -webkit-transform: rotate(-45deg) translate(25%, -30%);
      -ms-transform: rotate(-45deg) translate(25%, -30%);
          transform: rotate(-45deg) translate(25%, -30%);
}

/*------------------------------------
  Icon-v1
------------------------------------*/
.u-icon-v1,
.u-icon-v1 .u-icon__elem-regular,
.u-icon-v1 .u-icon__elem-hover {
  width: 2.57143rem;
  height: 2.57143rem;
  font-size: 1.42857rem;
}

.u-icon-v1.u-icon-size--xs,
.u-icon-v1.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v1.u-icon-size--xs .u-icon__elem-hover {
  width: 1.64286rem;
  height: 1.64286rem;
  font-size: 0.92857rem;
}

.u-icon-v1.u-icon-size--sm,
.u-icon-v1.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v1.u-icon-size--sm .u-icon__elem-hover {
  width: 2.28571rem;
  height: 2.28571rem;
  font-size: 1.28571rem;
}

.u-icon-v1.u-icon-size--lg,
.u-icon-v1.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v1.u-icon-size--lg .u-icon__elem-hover {
  width: 4.5rem;
  height: 4.5rem;
  font-size: 2.5rem;
}

.u-icon-v1.u-icon-size--xl,
.u-icon-v1.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v1.u-icon-size--xl .u-icon__elem-hover {
  width: 5.14286rem;
  height: 5.14286rem;
  font-size: 2.85714rem;
}

.u-icon-v1.u-icon-size--2xl,
.u-icon-v1.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v1.u-icon-size--2xl .u-icon__elem-hover {
  width: 5.85714rem;
  height: 5.85714rem;
  font-size: 3.57143rem;
}

.u-icon-v1.u-icon-size--3xl,
.u-icon-v1.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v1.u-icon-size--3xl .u-icon__elem-hover {
  width: 8rem;
  height: 8rem;
  font-size: 5.71429rem;
}

/*------------------------------------
  Icon-v2
------------------------------------*/
.u-icon-v2, .u-icon-v2 .u-icon__elem-regular,
.u-icon-v2 .u-icon__elem-hover, .u-icon-v3, .u-icon-v3 .u-icon__elem-regular,
.u-icon-v3 .u-icon__elem-hover, .u-icon-v4 .u-icon-v4-inner, .u-icon-v4 .u-icon__elem-regular,
.u-icon-v4 .u-icon__elem-hover, .u-icon-v5, .noty_body__icon {
  width: 3.92857rem;
  height: 3.92857rem;
  font-size: 1.57143rem;
}

.u-icon-v2.u-icon-size--xs,
.u-icon-v2.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v2.u-icon-size--xs .u-icon__elem-hover, .u-icon-v3.u-icon-size--xs,
.u-icon-v3.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v3.u-icon-size--xs .u-icon__elem-hover, .u-icon-v4.u-icon-size--xs .u-icon-v4-inner,
.u-icon-v4.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v4.u-icon-size--xs .u-icon__elem-hover, .u-icon-v5.u-icon-size--xs {
  width: 2.14286rem;
  height: 2.14286rem;
  font-size: 0.92857rem;
}

.u-icon-v2.u-icon-size--sm,
.u-icon-v2.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v2.u-icon-size--sm .u-icon__elem-hover, .u-icon-v3.u-icon-size--sm,
.u-icon-v3.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v3.u-icon-size--sm .u-icon__elem-hover, .u-icon-v4.u-icon-size--sm .u-icon-v4-inner,
.u-icon-v4.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v4.u-icon-size--sm .u-icon__elem-hover, .u-icon-v5.u-icon-size--sm {
  width: 2.85714rem;
  height: 2.85714rem;
  font-size: 1.28571rem;
}

.u-icon-v2.u-icon-size--lg,
.u-icon-v2.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v2.u-icon-size--lg .u-icon__elem-hover, .u-icon-v3.u-icon-size--lg,
.u-icon-v3.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v3.u-icon-size--lg .u-icon__elem-hover, .u-icon-v4.u-icon-size--lg .u-icon-v4-inner,
.u-icon-v4.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v4.u-icon-size--lg .u-icon__elem-hover, .u-icon-v5.u-icon-size--lg {
  width: 5rem;
  height: 5rem;
  font-size: 2.14286rem;
}

.u-icon-v2.u-icon-size--xl,
.u-icon-v2.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--xl,
.u-icon-v3.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--xl .u-icon__elem-hover, .u-icon-v4.u-icon-size--xl .u-icon-v4-inner,
.u-icon-v4.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v4.u-icon-size--xl .u-icon__elem-hover, .u-icon-v5.u-icon-size--xl {
  width: 6.42857rem;
  height: 6.42857rem;
  font-size: 2.85714rem;
}

.u-icon-v2.u-icon-size--2xl,
.u-icon-v2.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--2xl,
.u-icon-v3.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v4.u-icon-size--2xl .u-icon-v4-inner,
.u-icon-v4.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v4.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v5.u-icon-size--2xl {
  width: 7.14286rem;
  height: 7.14286rem;
  font-size: 3.21429rem;
}

.u-icon-v2.u-icon-size--3xl,
.u-icon-v2.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--3xl,
.u-icon-v3.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v4.u-icon-size--3xl .u-icon-v4-inner,
.u-icon-v4.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v4.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v5.u-icon-size--3xl {
  width: 9.28571rem;
  height: 9.28571rem;
  font-size: 3.57143rem;
}

.u-icon-v2 {
  border-width: 1px;
  border-style: solid;
}

.u-icon-v2.u-icon-size--2xl,
.u-icon-v2.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--2xl .u-icon__elem-hover {
  border-width: 1.5px;
}

.u-icon-v2.u-icon-size--3xl,
.u-icon-v2.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--3xl .u-icon__elem-hover {
  border-width: 1.5px;
}

/*------------------------------------
  Icon-v3
------------------------------------*/
.u-icon-v2, .u-icon-v2 .u-icon__elem-regular,
.u-icon-v2 .u-icon__elem-hover, .u-icon-v3, .u-icon-v3 .u-icon__elem-regular,
.u-icon-v3 .u-icon__elem-hover, .u-icon-v4 .u-icon-v4-inner, .u-icon-v4 .u-icon__elem-regular,
.u-icon-v4 .u-icon__elem-hover, .u-icon-v5, .noty_body__icon {
  width: 3.92857rem;
  height: 3.92857rem;
  font-size: 1.57143rem;
}

.u-icon-v2.u-icon-size--xs,
.u-icon-v2.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v2.u-icon-size--xs .u-icon__elem-hover, .u-icon-v3.u-icon-size--xs,
.u-icon-v3.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v3.u-icon-size--xs .u-icon__elem-hover, .u-icon-v4.u-icon-size--xs .u-icon-v4-inner,
.u-icon-v4.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v4.u-icon-size--xs .u-icon__elem-hover, .u-icon-v5.u-icon-size--xs {
  width: 2.14286rem;
  height: 2.14286rem;
  font-size: 0.92857rem;
}

.u-icon-v2.u-icon-size--sm,
.u-icon-v2.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v2.u-icon-size--sm .u-icon__elem-hover, .u-icon-v3.u-icon-size--sm,
.u-icon-v3.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v3.u-icon-size--sm .u-icon__elem-hover, .u-icon-v4.u-icon-size--sm .u-icon-v4-inner,
.u-icon-v4.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v4.u-icon-size--sm .u-icon__elem-hover, .u-icon-v5.u-icon-size--sm {
  width: 2.85714rem;
  height: 2.85714rem;
  font-size: 1.28571rem;
}

.u-icon-v2.u-icon-size--lg,
.u-icon-v2.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v2.u-icon-size--lg .u-icon__elem-hover, .u-icon-v3.u-icon-size--lg,
.u-icon-v3.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v3.u-icon-size--lg .u-icon__elem-hover, .u-icon-v4.u-icon-size--lg .u-icon-v4-inner,
.u-icon-v4.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v4.u-icon-size--lg .u-icon__elem-hover, .u-icon-v5.u-icon-size--lg {
  width: 5rem;
  height: 5rem;
  font-size: 2.14286rem;
}

.u-icon-v2.u-icon-size--xl,
.u-icon-v2.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--xl,
.u-icon-v3.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--xl .u-icon__elem-hover, .u-icon-v4.u-icon-size--xl .u-icon-v4-inner,
.u-icon-v4.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v4.u-icon-size--xl .u-icon__elem-hover, .u-icon-v5.u-icon-size--xl {
  width: 6.42857rem;
  height: 6.42857rem;
  font-size: 2.85714rem;
}

.u-icon-v2.u-icon-size--2xl,
.u-icon-v2.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--2xl,
.u-icon-v3.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v4.u-icon-size--2xl .u-icon-v4-inner,
.u-icon-v4.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v4.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v5.u-icon-size--2xl {
  width: 7.14286rem;
  height: 7.14286rem;
  font-size: 3.21429rem;
}

.u-icon-v2.u-icon-size--3xl,
.u-icon-v2.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--3xl,
.u-icon-v3.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v4.u-icon-size--3xl .u-icon-v4-inner,
.u-icon-v4.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v4.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v5.u-icon-size--3xl {
  width: 9.28571rem;
  height: 9.28571rem;
  font-size: 3.57143rem;
}

.u-icon-v3 {
  background-color: #eee;
}

/*------------------------------------
  Icon-v4
------------------------------------*/
.u-icon-v2, .u-icon-v2 .u-icon__elem-regular,
.u-icon-v2 .u-icon__elem-hover, .u-icon-v3, .u-icon-v3 .u-icon__elem-regular,
.u-icon-v3 .u-icon__elem-hover, .u-icon-v4 .u-icon-v4-inner, .u-icon-v4 .u-icon__elem-regular,
.u-icon-v4 .u-icon__elem-hover, .u-icon-v5, .noty_body__icon {
  width: 3.92857rem;
  height: 3.92857rem;
  font-size: 1.57143rem;
}

.u-icon-v2.u-icon-size--xs,
.u-icon-v2.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v2.u-icon-size--xs .u-icon__elem-hover, .u-icon-v3.u-icon-size--xs,
.u-icon-v3.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v3.u-icon-size--xs .u-icon__elem-hover, .u-icon-v4.u-icon-size--xs .u-icon-v4-inner,
.u-icon-v4.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v4.u-icon-size--xs .u-icon__elem-hover, .u-icon-v5.u-icon-size--xs {
  width: 2.14286rem;
  height: 2.14286rem;
  font-size: 0.92857rem;
}

.u-icon-v2.u-icon-size--sm,
.u-icon-v2.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v2.u-icon-size--sm .u-icon__elem-hover, .u-icon-v3.u-icon-size--sm,
.u-icon-v3.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v3.u-icon-size--sm .u-icon__elem-hover, .u-icon-v4.u-icon-size--sm .u-icon-v4-inner,
.u-icon-v4.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v4.u-icon-size--sm .u-icon__elem-hover, .u-icon-v5.u-icon-size--sm {
  width: 2.85714rem;
  height: 2.85714rem;
  font-size: 1.28571rem;
}

.u-icon-v2.u-icon-size--lg,
.u-icon-v2.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v2.u-icon-size--lg .u-icon__elem-hover, .u-icon-v3.u-icon-size--lg,
.u-icon-v3.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v3.u-icon-size--lg .u-icon__elem-hover, .u-icon-v4.u-icon-size--lg .u-icon-v4-inner,
.u-icon-v4.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v4.u-icon-size--lg .u-icon__elem-hover, .u-icon-v5.u-icon-size--lg {
  width: 5rem;
  height: 5rem;
  font-size: 2.14286rem;
}

.u-icon-v2.u-icon-size--xl,
.u-icon-v2.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--xl,
.u-icon-v3.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--xl .u-icon__elem-hover, .u-icon-v4.u-icon-size--xl .u-icon-v4-inner,
.u-icon-v4.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v4.u-icon-size--xl .u-icon__elem-hover, .u-icon-v5.u-icon-size--xl {
  width: 6.42857rem;
  height: 6.42857rem;
  font-size: 2.85714rem;
}

.u-icon-v2.u-icon-size--2xl,
.u-icon-v2.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--2xl,
.u-icon-v3.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v4.u-icon-size--2xl .u-icon-v4-inner,
.u-icon-v4.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v4.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v5.u-icon-size--2xl {
  width: 7.14286rem;
  height: 7.14286rem;
  font-size: 3.21429rem;
}

.u-icon-v2.u-icon-size--3xl,
.u-icon-v2.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--3xl,
.u-icon-v3.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v4.u-icon-size--3xl .u-icon-v4-inner,
.u-icon-v4.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v4.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v5.u-icon-size--3xl {
  width: 9.28571rem;
  height: 9.28571rem;
  font-size: 3.57143rem;
}

.u-icon-v4 {
  padding: 0.57143rem;
  background: transparent !important;
  border: solid 1px #eee;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.u-icon-v4-inner {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #eee;
}

.u-icon-v4 .u-icon-v4-inner {
  z-index: 1;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.u-icon-v4-rounded-3,
.u-icon-v4-rounded-3 .u-icon-v4-inner {
  border-radius: 3px;
}

.u-icon-v4-rounded-7,
.u-icon-v4-rounded-7 .u-icon-v4-inner {
  border-radius: 7px;
}

.u-icon-v4-rounded-10,
.u-icon-v4-rounded-10 .u-icon-v4-inner {
  border-radius: 10px;
}

.u-icon-v4-rounded-50x,
.u-icon-v4-rounded-50x .u-icon-v4-inner {
  border-radius: 50%;
}

.u-icon-v4-bg-primary {
  border-color: #e62154;
}

.u-icon-v4-bg-primary .u-icon-v4-inner {
  background: #e62154;
}

.u-icon-v4-bg-white {
  border-color: #fff;
}

.u-icon-v4-bg-white .u-icon-v4-inner {
  background: #fff;
}

.u-icon-v4-bg-gray-light-v3 {
  border-color: #ddd;
}

.u-icon-v4-bg-gray-light-v3 .u-icon-v4-inner {
  background: #ddd;
}

.u-icon-v4-bg-gray-dark-v3 {
  border-color: #555;
}

.u-icon-v4-bg-gray-dark-v3 .u-icon-v4-inner {
  background: #555;
}

.u-icon-v4-bg-black {
  border-color: #000;
}

.u-icon-v4-bg-black .u-icon-v4-inner {
  background: #000;
}

.u-icon-v4-bg-primary--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-primary--hover {
  border-color: #e62154;
}

.u-icon-v4-bg-primary--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-primary--hover .u-icon-v4-inner {
  background: #e62154;
}

.u-icon-v4-bg-white--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-white--hover {
  border-color: #fff;
}

.u-icon-v4-bg-white--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-white--hover .u-icon-v4-inner {
  background: #fff;
}

.u-icon-v4-bg-gray-light-v3--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-gray-light-v3--hover {
  border-color: #ddd;
}

.u-icon-v4-bg-gray-light-v3--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-gray-light-v3--hover .u-icon-v4-inner {
  background: #ddd;
}

.u-icon-v4-bg-gray-dark-v3--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-gray-dark-v3--hover {
  border-color: #555;
}

.u-icon-v4-bg-gray-dark-v3--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-gray-dark-v3--hover .u-icon-v4-inner {
  background: #555;
}

.u-icon-v4-bg-black--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-black--hover {
  border-color: #000;
}

.u-icon-v4-bg-black--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-black--hover .u-icon-v4-inner {
  background: #000;
}

/*------------------------------------
  Icon-v4 Additional BG colors
------------------------------------*/
.u-icon-v4-bg-red {
  border-color: #f00;
}

.u-icon-v4-bg-red .u-icon-v4-inner {
  background: #f00;
}

.u-icon-v4-bg-lightred {
  border-color: #e64b3b;
}

.u-icon-v4-bg-lightred .u-icon-v4-inner {
  background: #e64b3b;
}

.u-icon-v4-bg-darkred {
  border-color: #a10f2b;
}

.u-icon-v4-bg-darkred .u-icon-v4-inner {
  background: #a10f2b;
}

.u-icon-v4-bg-blue {
  border-color: #3398dc;
}

.u-icon-v4-bg-blue .u-icon-v4-inner {
  background: #3398dc;
}

.u-icon-v4-bg-indigo {
  border-color: #4263a3;
}

.u-icon-v4-bg-indigo .u-icon-v4-inner {
  background: #4263a3;
}

.u-icon-v4-bg-purple {
  border-color: #9a69cb;
}

.u-icon-v4-bg-purple .u-icon-v4-inner {
  background: #9a69cb;
}

.u-icon-v4-bg-darkpurple {
  border-color: #6639b6;
}

.u-icon-v4-bg-darkpurple .u-icon-v4-inner {
  background: #6639b6;
}

.u-icon-v4-bg-pink {
  border-color: #e81c62;
}

.u-icon-v4-bg-pink .u-icon-v4-inner {
  background: #e81c62;
}

.u-icon-v4-bg-orange {
  border-color: #e57d20;
}

.u-icon-v4-bg-orange .u-icon-v4-inner {
  background: #e57d20;
}

.u-icon-v4-bg-deeporange {
  border-color: #fe541e;
}

.u-icon-v4-bg-deeporange .u-icon-v4-inner {
  background: #fe541e;
}

.u-icon-v4-bg-aqua {
  border-color: #29d6e6;
}

.u-icon-v4-bg-aqua .u-icon-v4-inner {
  background: #29d6e6;
}

.u-icon-v4-bg-yellow {
  border-color: #ebc71d;
}

.u-icon-v4-bg-yellow .u-icon-v4-inner {
  background: #ebc71d;
}

.u-icon-v4-bg-cyan {
  border-color: #00bed6;
}

.u-icon-v4-bg-cyan .u-icon-v4-inner {
  background: #00bed6;
}

.u-icon-v4-bg-teal {
  border-color: #18ba9b;
}

.u-icon-v4-bg-teal .u-icon-v4-inner {
  background: #18ba9b;
}

.u-icon-v4-bg-brown {
  border-color: #9c8061;
}

.u-icon-v4-bg-brown .u-icon-v4-inner {
  background: #9c8061;
}

.u-icon-v4-bg-bluegray {
  border-color: #585f69;
}

.u-icon-v4-bg-bluegray .u-icon-v4-inner {
  background: #585f69;
}

.u-icon-v4-bg-red--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-red--hover {
  border-color: #f00;
}

.u-icon-v4-bg-red--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-red--hover .u-icon-v4-inner {
  background: #f00;
}

.u-icon-v4-bg-lightred--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-lightred--hover {
  border-color: #e64b3b;
}

.u-icon-v4-bg-lightred--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-lightred--hover .u-icon-v4-inner {
  background: #e64b3b;
}

.u-icon-v4-bg-darkred--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-darkred--hover {
  border-color: #a10f2b;
}

.u-icon-v4-bg-darkred--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-darkred--hover .u-icon-v4-inner {
  background: #a10f2b;
}

.u-icon-v4-bg-blue--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-blue--hover {
  border-color: #3398dc;
}

.u-icon-v4-bg-blue--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-blue--hover .u-icon-v4-inner {
  background: #3398dc;
}

.u-icon-v4-bg-indigo--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-indigo--hover {
  border-color: #4263a3;
}

.u-icon-v4-bg-indigo--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-indigo--hover .u-icon-v4-inner {
  background: #4263a3;
}

.u-icon-v4-bg-purple--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-purple--hover {
  border-color: #9a69cb;
}

.u-icon-v4-bg-purple--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-purple--hover .u-icon-v4-inner {
  background: #9a69cb;
}

.u-icon-v4-bg-darkpurple--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-darkpurple--hover {
  border-color: #6639b6;
}

.u-icon-v4-bg-darkpurple--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-darkpurple--hover .u-icon-v4-inner {
  background: #6639b6;
}

.u-icon-v4-bg-pink--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-pink--hover {
  border-color: #e81c62;
}

.u-icon-v4-bg-pink--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-pink--hover .u-icon-v4-inner {
  background: #e81c62;
}

.u-icon-v4-bg-orange--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-orange--hover {
  border-color: #e57d20;
}

.u-icon-v4-bg-orange--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-orange--hover .u-icon-v4-inner {
  background: #e57d20;
}

.u-icon-v4-bg-deeporange--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-deeporange--hover {
  border-color: #fe541e;
}

.u-icon-v4-bg-deeporange--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-deeporange--hover .u-icon-v4-inner {
  background: #fe541e;
}

.u-icon-v4-bg-aqua--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-aqua--hover {
  border-color: #29d6e6;
}

.u-icon-v4-bg-aqua--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-aqua--hover .u-icon-v4-inner {
  background: #29d6e6;
}

.u-icon-v4-bg-yellow--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-yellow--hover {
  border-color: #ebc71d;
}

.u-icon-v4-bg-yellow--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-yellow--hover .u-icon-v4-inner {
  background: #ebc71d;
}

.u-icon-v4-bg-cyan--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-cyan--hover {
  border-color: #00bed6;
}

.u-icon-v4-bg-cyan--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-cyan--hover .u-icon-v4-inner {
  background: #00bed6;
}

.u-icon-v4-bg-teal--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-teal--hover {
  border-color: #18ba9b;
}

.u-icon-v4-bg-teal--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-teal--hover .u-icon-v4-inner {
  background: #18ba9b;
}

.u-icon-v4-bg-brown--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-brown--hover {
  border-color: #9c8061;
}

.u-icon-v4-bg-brown--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-brown--hover .u-icon-v4-inner {
  background: #9c8061;
}

.u-icon-v4-bg-bluegray--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-bluegray--hover {
  border-color: #585f69;
}

.u-icon-v4-bg-bluegray--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-bluegray--hover .u-icon-v4-inner {
  background: #585f69;
}

/*------------------------------------
  Icon-v4 Social BG colors
------------------------------------*/
.u-icon-v4-bg-facebook {
  border-color: #3b5998;
}

.u-icon-v4-bg-facebook .u-icon-v4-inner {
  background-color: #3b5998;
}

.u-icon-v4-bg-twitter {
  border-color: #00acee;
}

.u-icon-v4-bg-twitter .u-icon-v4-inner {
  background-color: #00acee;
}

.u-icon-v4-bg-google-plus {
  border-color: #dd4b39;
}

.u-icon-v4-bg-google-plus .u-icon-v4-inner {
  background-color: #dd4b39;
}

.u-icon-v4-bg-vk {
  border-color: #2b587a;
}

.u-icon-v4-bg-vk .u-icon-v4-inner {
  background-color: #2b587a;
}

.u-icon-v4-bg-linkedin {
  border-color: #0e76a8;
}

.u-icon-v4-bg-linkedin .u-icon-v4-inner {
  background-color: #0e76a8;
}

.u-icon-v4-bg-instagram {
  border-color: #3f729b;
}

.u-icon-v4-bg-instagram .u-icon-v4-inner {
  background-color: #3f729b;
}

.u-icon-v4-bg-pinterest {
  border-color: #c8232c;
}

.u-icon-v4-bg-pinterest .u-icon-v4-inner {
  background-color: #c8232c;
}

.u-icon-v4-bg-vine {
  border-color: #00bf8f;
}

.u-icon-v4-bg-vine .u-icon-v4-inner {
  background-color: #00bf8f;
}

.u-icon-v4-bg-youtube {
  border-color: #c4302b;
}

.u-icon-v4-bg-youtube .u-icon-v4-inner {
  background-color: #c4302b;
}

.u-icon-v4-bg-skype {
  border-color: #00aff0;
}

.u-icon-v4-bg-skype .u-icon-v4-inner {
  background-color: #00aff0;
}

.u-icon-v4-bg-dribbble {
  border-color: #ea4c89;
}

.u-icon-v4-bg-dribbble .u-icon-v4-inner {
  background-color: #ea4c89;
}

.u-icon-v4-bg-facebook--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-facebook--hover {
  border-color: #3b5998;
}

.u-icon-v4-bg-facebook--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-facebook--hover .u-icon-v4-inner {
  background: #3b5998;
}

.u-icon-v4-bg-twitter--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-twitter--hover {
  border-color: #00acee;
}

.u-icon-v4-bg-twitter--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-twitter--hover .u-icon-v4-inner {
  background: #00acee;
}

.u-icon-v4-bg-google-plus--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-google-plus--hover {
  border-color: #dd4b39;
}

.u-icon-v4-bg-google-plus--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-google-plus--hover .u-icon-v4-inner {
  background: #dd4b39;
}

.u-icon-v4-bg-vk--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-vk--hover {
  border-color: #2b587a;
}

.u-icon-v4-bg-vk--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-vk--hover .u-icon-v4-inner {
  background: #2b587a;
}

.u-icon-v4-bg-linkedin--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-linkedin--hover {
  border-color: #0e76a8;
}

.u-icon-v4-bg-linkedin--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-linkedin--hover .u-icon-v4-inner {
  background: #0e76a8;
}

.u-icon-v4-bg-instagram--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-instagram--hover {
  border-color: #3f729b;
}

.u-icon-v4-bg-instagram--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-instagram--hover .u-icon-v4-inner {
  background: #3f729b;
}

.u-icon-v4-bg-pinterest--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-pinterest--hover {
  border-color: #c8232c;
}

.u-icon-v4-bg-pinterest--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-pinterest--hover .u-icon-v4-inner {
  background: #c8232c;
}

/*------------------------------------
  Icon-v4 Gradient BG colors
------------------------------------*/
.u-icon-v4-bg-lightblue-radialgradient-ellipse {
  border-color: #d6e2ee;
}

.u-icon-v4-bg-lightblue-radialgradient-ellipse .u-icon-v4-inner {
  background: -o-radial-gradient(center center, ellipse, #fff 22%, #d6e2ee 100%) repeat;
  background: radial-gradient(ellipse at center center, #fff 22%, #d6e2ee 100%) repeat;
}

.u-icon-v4-bg-gray-radialgradient-ellipse {
  border-color: #bbb;
}

.u-icon-v4-bg-gray-radialgradient-ellipse .u-icon-v4-inner {
  background: -o-radial-gradient(center center, ellipse, #ddd 22%, #bbb 100%) repeat;
  background: radial-gradient(ellipse at center center, #ddd 22%, #bbb 100%) repeat;
}

.u-icon-v4-bg-blue-radialgradient-circle {
  border-color: #275296;
}

.u-icon-v4-bg-blue-radialgradient-circle .u-icon-v4-inner {
  background: -o-radial-gradient(circle farthest-side at 100% 0, #2294d7, #275296) no-repeat;
  background: radial-gradient(circle farthest-side at 100% 0, #2294d7, #275296) no-repeat;
}

.u-icon-v4-bg-darkgray-radialgradient-circle {
  border-color: #31353e;
}

.u-icon-v4-bg-darkgray-radialgradient-circle .u-icon-v4-inner {
  background: -o-radial-gradient(circle farthest-side at 110% 0, #596070, #31353e) no-repeat;
  background: radial-gradient(circle farthest-side at 110% 0, #596070, #31353e) no-repeat;
}

/*------------------------------------
  Icon-v5
------------------------------------*/
.u-icon-v2, .u-icon-v2 .u-icon__elem-regular,
.u-icon-v2 .u-icon__elem-hover, .u-icon-v3, .u-icon-v3 .u-icon__elem-regular,
.u-icon-v3 .u-icon__elem-hover, .u-icon-v4 .u-icon-v4-inner, .u-icon-v4 .u-icon__elem-regular,
.u-icon-v4 .u-icon__elem-hover, .u-icon-v5, .noty_body__icon {
  width: 3.92857rem;
  height: 3.92857rem;
  font-size: 1.57143rem;
}

.u-icon-v2.u-icon-size--xs,
.u-icon-v2.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v2.u-icon-size--xs .u-icon__elem-hover, .u-icon-v3.u-icon-size--xs,
.u-icon-v3.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v3.u-icon-size--xs .u-icon__elem-hover, .u-icon-v4.u-icon-size--xs .u-icon-v4-inner,
.u-icon-v4.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v4.u-icon-size--xs .u-icon__elem-hover, .u-icon-v5.u-icon-size--xs {
  width: 2.14286rem;
  height: 2.14286rem;
  font-size: 0.92857rem;
}

.u-icon-v2.u-icon-size--sm,
.u-icon-v2.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v2.u-icon-size--sm .u-icon__elem-hover, .u-icon-v3.u-icon-size--sm,
.u-icon-v3.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v3.u-icon-size--sm .u-icon__elem-hover, .u-icon-v4.u-icon-size--sm .u-icon-v4-inner,
.u-icon-v4.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v4.u-icon-size--sm .u-icon__elem-hover, .u-icon-v5.u-icon-size--sm {
  width: 2.85714rem;
  height: 2.85714rem;
  font-size: 1.28571rem;
}

.u-icon-v2.u-icon-size--lg,
.u-icon-v2.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v2.u-icon-size--lg .u-icon__elem-hover, .u-icon-v3.u-icon-size--lg,
.u-icon-v3.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v3.u-icon-size--lg .u-icon__elem-hover, .u-icon-v4.u-icon-size--lg .u-icon-v4-inner,
.u-icon-v4.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v4.u-icon-size--lg .u-icon__elem-hover, .u-icon-v5.u-icon-size--lg {
  width: 5rem;
  height: 5rem;
  font-size: 2.14286rem;
}

.u-icon-v2.u-icon-size--xl,
.u-icon-v2.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--xl,
.u-icon-v3.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--xl .u-icon__elem-hover, .u-icon-v4.u-icon-size--xl .u-icon-v4-inner,
.u-icon-v4.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v4.u-icon-size--xl .u-icon__elem-hover, .u-icon-v5.u-icon-size--xl {
  width: 6.42857rem;
  height: 6.42857rem;
  font-size: 2.85714rem;
}

.u-icon-v2.u-icon-size--2xl,
.u-icon-v2.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--2xl,
.u-icon-v3.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v4.u-icon-size--2xl .u-icon-v4-inner,
.u-icon-v4.u-icon-size--2xl .u-icon__elem-regular,
.u-icon-v4.u-icon-size--2xl .u-icon__elem-hover, .u-icon-v5.u-icon-size--2xl {
  width: 7.14286rem;
  height: 7.14286rem;
  font-size: 3.21429rem;
}

.u-icon-v2.u-icon-size--3xl,
.u-icon-v2.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--3xl,
.u-icon-v3.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v4.u-icon-size--3xl .u-icon-v4-inner,
.u-icon-v4.u-icon-size--3xl .u-icon__elem-regular,
.u-icon-v4.u-icon-size--3xl .u-icon__elem-hover, .u-icon-v5.u-icon-size--3xl {
  width: 9.28571rem;
  height: 9.28571rem;
  font-size: 3.57143rem;
}

.u-icon-v5 {
  position: relative;
}

body .u-icon-v5 {
  background: transparent !important;
}

.u-icon-v5::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.45em 0 0 -.4em;
  width: .8em;
  height: .8em;
  background-color: #eee;
  border-radius: 50%;
  opacity: .7;
}

.u-icon-v5 i {
  position: relative;
  z-index: 2;
}

.u-icon-v5.g-bg-main::after {
  background-color: #333;
}

.u-icon-v5.g-bg-primary::after {
  background-color: #e62154;
}

.u-icon-v5.g-bg-black::after {
  background-color: #000;
}

.u-icon-v5.g-bg-white::after {
  background-color: #fff;
}

.u-icon-v5.g-bg-gray-light-v1::after {
  background-color: #bbb;
}

.u-icon-v5.g-bg-gray-light-v2::after {
  background-color: #ccc;
}

.u-icon-v5.g-bg-gray-light-v3::after {
  background-color: #ddd;
}

.u-icon-v5.g-bg-gray-light-v4::after {
  background-color: #eee;
}

.u-icon-v5.g-bg-gray-light-v5::after {
  background-color: #f7f7f7;
}

.u-icon-v5.g-bg-gray-dark-v1::after {
  background-color: #111;
}

.u-icon-v5.g-bg-gray-dark-v2::after {
  background-color: #333;
}

.u-icon-v5.g-bg-gray-dark-v3::after {
  background-color: #555;
}

.u-icon-v5.g-bg-gray-dark-v4::after {
  background-color: #777;
}

.u-icon-v5.g-bg-gray-dark-v5::after {
  background-color: #999;
}

.u-icon-v5.g-bg-green::after {
  background-color: #72c02c;
}

.u-icon-v5.g-bg-blue::after {
  background-color: #3398dc;
}

.u-icon-v5.g-bg-lightblue::after {
  background-color: #edf2f8;
}

.u-icon-v5.g-bg-lightblue-v1::after {
  background-color: #d6e2ee;
}

.u-icon-v5.g-bg-darkblue::after {
  background-color: #009;
}

.u-icon-v5.g-bg-indigo::after {
  background-color: #4263a3;
}

.u-icon-v5.g-bg-red::after {
  background-color: #f00;
}

.u-icon-v5.g-bg-lightred::after {
  background-color: #e64b3b;
}

.u-icon-v5.g-bg-darkred::after {
  background-color: #a10f2b;
}

.u-icon-v5.g-bg-purple::after {
  background-color: #9a69cb;
}

.u-icon-v5.g-bg-darkpurple::after {
  background-color: #6639b6;
}

.u-icon-v5.g-bg-pink::after {
  background-color: #e81c62;
}

.u-icon-v5.g-bg-orange::after {
  background-color: #e57d20;
}

.u-icon-v5.g-bg-deeporange::after {
  background-color: #fe541e;
}

.u-icon-v5.g-bg-yellow::after {
  background-color: #ebc71d;
}

.u-icon-v5.g-bg-aqua::after {
  background-color: #29d6e6;
}

.u-icon-v5.g-bg-cyan::after {
  background-color: #00bed6;
}

.u-icon-v5.g-bg-teal::after {
  background-color: #18ba9b;
}

.u-icon-v5.g-bg-brown::after {
  background-color: #9c8061;
}

.u-icon-v5.g-bg-bluegray::after {
  background-color: #585f69;
}

/*------------------------------------
  Image Icons
------------------------------------*/
.u-image-icon-size-xs,
.u-image-icon-size-sm,
.u-image-icon-size-md,
.u-image-icon-size-lg,
.u-image-icon-size-xl {
  height: auto;
}

.u-image-icon-size-xs {
  width: 2.14286rem;
}

.u-image-icon-size-sm {
  width: 2.85714rem;
}

.u-image-icon-size-md {
  width: 3.92857rem;
}

.u-image-icon-size-lg {
  width: 5rem;
}

.u-image-icon-size-xl {
  width: 6.42857rem;
}

.u-image-icon-size-2xl {
  width: 7.14286rem;
}

/*------------------------------------
  Hover Effect of Icon on Block Hover
------------------------------------*/
.u-icon-block--hover:hover .g-opacity-0_5--hover {
  opacity: .5;
}

.u-icon-block--hover:hover .g-color-primary--hover {
  color: #e62154;
}

.u-icon-block--hover:hover .g-brd-primary--hover {
  border-color: #e62154;
}

.u-icon-block--hover:hover .g-bg-primary--hover {
  background: #e62154;
}

.u-icon-block--hover:hover .g-color-white--hover {
  color: #fff;
}

.u-icon-block--hover:hover .g-brd-white--hover {
  border-color: #fff;
}

.u-icon-block--hover:hover .g-bg-white--hover {
  background: #fff;
}

.u-icon-block--hover:hover .g-color-black--hover {
  color: #000;
}

.u-icon-block--hover:hover .g-brd-black--hover {
  border-color: #000;
}

.u-icon-block--hover:hover .g-bg-black--hover {
  background: #000;
}

.u-icon-block--hover:hover .g-color-gray-dark-v4--hover {
  color: #777;
}

.u-icon-block--hover:hover .g-brd-gray-dark-v4--hover {
  border-color: #777;
}

.u-icon-block--hover:hover .g-bg-gray-dark-v4--hover {
  background: #777;
}

.u-icon-block-hover:hover .g-color-facebook--hover {
  color: #3b5998;
}

.u-icon-block-hover:hover .g-brd-facebook--hover {
  border-color: #3b5998;
}

.u-icon-block-hover:hover .g-bg-facebook--hover {
  background: #3b5998;
}

.u-icon-block-hover:hover .g-color-twitter--hover {
  color: #00acee;
}

.u-icon-block-hover:hover .g-brd-twitter--hover {
  border-color: #00acee;
}

.u-icon-block-hover:hover .g-bg-twitter--hover {
  background: #00acee;
}

.u-icon-block-hover:hover .g-color-google-plus--hover {
  color: #dd4b39;
}

.u-icon-block-hover:hover .g-brd-google-plus--hover {
  border-color: #dd4b39;
}

.u-icon-block-hover:hover .g-bg-google-plus--hover {
  background: #dd4b39;
}

.u-icon-block-hover:hover .g-color-vk--hover {
  color: #2b587a;
}

.u-icon-block-hover:hover .g-brd-vk--hover {
  border-color: #2b587a;
}

.u-icon-block-hover:hover .g-bg-vk--hover {
  background: #2b587a;
}

.u-icon-block-hover:hover .g-color-linkedin--hover {
  color: #0e76a8;
}

.u-icon-block-hover:hover .g-brd-linkedin--hover {
  border-color: #0e76a8;
}

.u-icon-block-hover:hover .g-bg-linkedin--hover {
  background: #0e76a8;
}

.u-icon-block-hover:hover .g-color-instagram--hover {
  color: #3f729b;
}

.u-icon-block-hover:hover .g-brd-instagram--hover {
  border-color: #3f729b;
}

.u-icon-block-hover:hover .g-bg-instagram--hover {
  background: #3f729b;
}

.u-icon-block-hover:hover .g-color-pinterest--hover {
  color: #c8232c;
}

.u-icon-block-hover:hover .g-brd-pinterest--hover {
  border-color: #c8232c;
}

.u-icon-block-hover:hover .g-bg-pinterest--hover {
  background: #c8232c;
}

/*------------------------------------
  Scale Effect
------------------------------------*/
.u-icon-scale-1_2--hover:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

/*------------------------------------
  Shadow Effect
------------------------------------*/
.u-icon-shadow--hover:hover,
.u-icon-block--hover:hover .u-icon-shadow--hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/*------------------------------------
  Slide Effect v1
------------------------------------*/
.u-icon-sliding--hover i::before {
  display: block;
}

.u-icon-sliding--hover:hover i::before,
.u-icon-block--hover:hover .u-icon-sliding--hover i::before {
  -webkit-animation: toTopFromBottom .3s forwards;
          animation: toTopFromBottom .3s forwards;
}

@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}

@keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}

/*------------------------------------
  Slide Effect v2
------------------------------------*/
.u-icon__elem-regular,
.u-icon__elem-hover {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.u-icon__elem-hover {
  position: absolute !important;
}

.u-icon-slide-up--hover,
.u-icon-slide-down--hover,
.u-icon-slide-left--hover,
.u-icon-slide-right--hover {
  overflow: hidden;
}

.u-icon-slide-up--hover .u-icon__elem-regular {
  -webkit-transform: translateY(-20%);
      -ms-transform: translateY(-20%);
          transform: translateY(-20%);
}

.u-icon-slide-up--hover .u-icon__elem-regular.u-line-icon-pro {
  -webkit-transform: translateY(-30%);
      -ms-transform: translateY(-30%);
          transform: translateY(-30%);
}

.u-icon-slide-up--hover .u-icon__elem-hover {
  -webkit-transform: translateY(110%);
      -ms-transform: translateY(110%);
          transform: translateY(110%);
}

.u-icon-slide-up--hover .u-icon__elem-hover.u-line-icon-pro {
  -webkit-transform: translateY(120%);
      -ms-transform: translateY(120%);
          transform: translateY(120%);
}

.u-icon-slide-up--hover:hover .u-icon__elem-regular,
.u-icon-block--hover:hover .u-icon-slide-up--hover .u-icon__elem-regular {
  -webkit-transform: translateY(-110%);
      -ms-transform: translateY(-110%);
          transform: translateY(-110%);
}

.u-icon-slide-up--hover:hover .u-icon__elem-regular.u-line-icon-pro,
.u-icon-block--hover:hover .u-icon-slide-up--hover .u-icon__elem-regular.u-line-icon-pro {
  -webkit-transform: translateY(-120%);
      -ms-transform: translateY(-120%);
          transform: translateY(-120%);
}

.u-icon-slide-up--hover:hover .u-icon__elem-hover,
.u-icon-block--hover:hover .u-icon-slide-up--hover .u-icon__elem-hover {
  -webkit-transform: translateY(-20%);
      -ms-transform: translateY(-20%);
          transform: translateY(-20%);
}

.u-icon-slide-up--hover:hover .u-icon__elem-hover.u-line-icon-pro,
.u-icon-block--hover:hover .u-icon-slide-up--hover .u-icon__elem-hover.u-line-icon-pro {
  -webkit-transform: translateY(-30%);
      -ms-transform: translateY(-30%);
          transform: translateY(-30%);
}

.u-icon-slide-down--hover .u-icon__elem-regular {
  -webkit-transform: translateY(-110%);
      -ms-transform: translateY(-110%);
          transform: translateY(-110%);
}

.u-icon-slide-down--hover .u-icon__elem-regular.u-line-icon-pro {
  -webkit-transform: translateY(-120%);
      -ms-transform: translateY(-120%);
          transform: translateY(-120%);
}

.u-icon-slide-down--hover .u-icon__elem-hover {
  -webkit-transform: translateY(-20%);
      -ms-transform: translateY(-20%);
          transform: translateY(-20%);
}

.u-icon-slide-down--hover .u-icon__elem-hover.u-line-icon-pro {
  -webkit-transform: translateY(-30%);
      -ms-transform: translateY(-30%);
          transform: translateY(-30%);
}

.u-icon-slide-down--hover:hover .u-icon__elem-regular,
.u-icon-block--hover:hover .u-icon-slide-down--hover .u-icon__elem-regular {
  -webkit-transform: translateY(-20%);
      -ms-transform: translateY(-20%);
          transform: translateY(-20%);
}

.u-icon-slide-down--hover:hover .u-icon__elem-regular.u-line-icon-pro,
.u-icon-block--hover:hover .u-icon-slide-down--hover .u-icon__elem-regular.u-line-icon-pro {
  -webkit-transform: translateY(-30%);
      -ms-transform: translateY(-30%);
          transform: translateY(-30%);
}

.u-icon-slide-down--hover:hover .u-icon__elem-hover,
.u-icon-block--hover:hover .u-icon-slide-down--hover .u-icon__elem-hover {
  -webkit-transform: translateY(80%);
      -ms-transform: translateY(80%);
          transform: translateY(80%);
}

.u-icon-slide-down--hover:hover .u-icon__elem-hover.u-line-icon-pro,
.u-icon-block--hover:hover .u-icon-slide-down--hover .u-icon__elem-hover.u-line-icon-pro {
  -webkit-transform: translateY(90%);
      -ms-transform: translateY(90%);
          transform: translateY(90%);
}

.u-icon-slide-left--hover .u-icon__elem-regular {
  -webkit-transform: translate(0, -20%);
      -ms-transform: translate(0, -20%);
          transform: translate(0, -20%);
}

.u-icon-slide-left--hover .u-icon__elem-regular.u-line-icon-pro {
  -webkit-transform: translate(0, -30%);
      -ms-transform: translate(0, -30%);
          transform: translate(0, -30%);
}

.u-icon-slide-left--hover .u-icon__elem-hover {
  -webkit-transform: translate(110%, -20%);
      -ms-transform: translate(110%, -20%);
          transform: translate(110%, -20%);
}

.u-icon-slide-left--hover .u-icon__elem-hover.u-line-icon-pro {
  -webkit-transform: translate(110%, -30%);
      -ms-transform: translate(110%, -30%);
          transform: translate(110%, -30%);
}

.u-icon-slide-left--hover:hover .u-icon__elem-regular,
.u-icon-block--hover:hover .u-icon-slide-left--hover .u-icon__elem-regular {
  -webkit-transform: translate(-110%, -20%);
      -ms-transform: translate(-110%, -20%);
          transform: translate(-110%, -20%);
}

.u-icon-slide-left--hover:hover .u-icon__elem-regular.u-line-icon-pro,
.u-icon-block--hover:hover .u-icon-slide-left--hover .u-icon__elem-regular.u-line-icon-pro {
  -webkit-transform: translate(-110%, -30%);
      -ms-transform: translate(-110%, -30%);
          transform: translate(-110%, -30%);
}

.u-icon-slide-left--hover:hover .u-icon__elem-hover,
.u-icon-block--hover:hover .u-icon-slide-left--hover .u-icon__elem-hover {
  -webkit-transform: translate(0, -20%);
      -ms-transform: translate(0, -20%);
          transform: translate(0, -20%);
}

.u-icon-slide-left--hover:hover .u-icon__elem-hover.u-line-icon-pro,
.u-icon-block--hover:hover .u-icon-slide-left--hover .u-icon__elem-hover.u-line-icon-pro {
  -webkit-transform: translate(0, -30%);
      -ms-transform: translate(0, -30%);
          transform: translate(0, -30%);
}

.u-icon-slide-right--hover .u-icon__elem-regular {
  -webkit-transform: translate(-110%, -20%);
      -ms-transform: translate(-110%, -20%);
          transform: translate(-110%, -20%);
}

.u-icon-slide-right--hover .u-icon__elem-regular.u-line-icon-pro {
  -webkit-transform: translate(-110%, -30%);
      -ms-transform: translate(-110%, -30%);
          transform: translate(-110%, -30%);
}

.u-icon-slide-right--hover .u-icon__elem-hover {
  -webkit-transform: translate(0, -20%);
      -ms-transform: translate(0, -20%);
          transform: translate(0, -20%);
}

.u-icon-slide-right--hover .u-icon__elem-hover.u-line-icon-pro {
  -webkit-transform: translate(0, -30%);
      -ms-transform: translate(0, -30%);
          transform: translate(0, -30%);
}

.u-icon-slide-right--hover:hover .u-icon__elem-regular,
.u-icon-block--hover:hover .u-icon-slide-right--hover .u-icon__elem-regular {
  -webkit-transform: translate(0, -20%);
      -ms-transform: translate(0, -20%);
          transform: translate(0, -20%);
}

.u-icon-slide-right--hover:hover .u-icon__elem-regular.u-line-icon-pro,
.u-icon-block--hover:hover .u-icon-slide-right--hover .u-icon__elem-regular.u-line-icon-pro {
  -webkit-transform: translate(0, -30%);
      -ms-transform: translate(0, -30%);
          transform: translate(0, -30%);
}

.u-icon-slide-right--hover:hover .u-icon__elem-hover,
.u-icon-block--hover:hover .u-icon-slide-right--hover .u-icon__elem-hover {
  -webkit-transform: translate(110%, -20%);
      -ms-transform: translate(110%, -20%);
          transform: translate(110%, -20%);
}

.u-icon-slide-right--hover:hover .u-icon__elem-hover.u-line-icon-pro,
.u-icon-block--hover:hover .u-icon-slide-right--hover .u-icon__elem-hover.u-line-icon-pro {
  -webkit-transform: translate(110%, -30%);
      -ms-transform: translate(110%, -30%);
          transform: translate(110%, -30%);
}

/*------------------------------------
  Zoom Effect v1
------------------------------------*/
.u-icon-block--hover:hover .u-icon-scale-1_2--hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.u-icon-rotation.u-icon-scale-1_2--hover:hover,
.u-icon-block--hover:hover .u-icon-rotation.u-icon-scale-1_2--hover {
  -webkit-transform: scale(1.2) rotate(45deg);
      -ms-transform: scale(1.2) rotate(45deg);
          transform: scale(1.2) rotate(45deg);
}

/*------------------------------------
  Changing a shape Effect
------------------------------------*/
.u-icon-square--hover:hover,
.u-icon-v4.u-icon-square--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-square--hover,
.u-icon-block--hover:hover .u-icon-v4.u-icon-square--hover .u-icon-v4-inner {
  border-radius: 0;
}

.u-icon-rounded-3--hover:hover,
.u-icon-v4.u-icon-rounded-3--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-rounded-3--hover,
.u-icon-block--hover:hover .u-icon-v4.u-icon-rounded-3--hover .u-icon-v4-inner {
  border-radius: 3px;
}

.u-icon-rounded-10--hover:hover,
.u-icon-v4.u-icon-rounded-10--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-rounded-10--hover,
.u-icon-block--hover:hover .u-icon-v4.u-icon-rounded-10--hover .u-icon-v4-inner {
  border-radius: 10px;
}

.u-icon-rounded-50x--hover:hover,
.u-icon-v4.u-icon-rounded-50x--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-rounded-50x--hover,
.u-icon-block--hover:hover .u-icon-v4.u-icon-rounded-50x--hover .u-icon-v4-inner {
  border-radius: 50%;
}

/*------------------------------------
  Effect v1
------------------------------------*/
.u-icon-effect-v1-1--hover::after,
.u-icon-effect-v1-2--hover::after, .u-icon-effect-v2--hover::after, .u-icon-effect-v4--hover::after, .u-icon-effect-v5--hover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  pointer-events: none;
}

.u-icon-effect-v1-1--hover,
.u-icon-effect-v1-2--hover {
  position: relative;
  overflow: inherit;
}

.u-icon-effect-v1-1--hover::after,
.u-icon-effect-v1-2--hover::after {
  top: -0.5rem;
  left: -0.5rem;
  padding: 0.5rem;
  -webkit-box-shadow: 0 0 0 1px #e62154;
          box-shadow: 0 0 0 1px #e62154;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 0;
}

.u-icon-effect-v1-1--hover:hover,
.u-icon-effect-v1-2--hover:hover,
.u-icon-v4.u-icon-effect-v1-1--hover:hover .u-icon-v4-inner,
.u-icon-v4.u-icon-effect-v1-2--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-effect-v1-1--hover,
.u-icon-block--hover:hover .u-icon-effect-v1-2--hover,
.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-1--hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-2--hover .u-icon-v4-inner {
  color: #fff;
  border-color: #e62154;
  background: #e62154 !important;
}

.u-icon-v4.u-icon-effect-v1-1--hover:hover,
.u-icon-v4.u-icon-effect-v1-2--hover:hover,
.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-1--hover,
.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-2--hover {
  border-color: transparent;
}

.u-icon-effect-v1-1--hover::after {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.u-icon-effect-v1-1--hover:hover::after,
.u-icon-block--hover:hover .u-icon-effect-v1-1--hover::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.u-icon-effect-v1-2--hover::after {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.u-icon-effect-v1-2--hover:hover::after,
.u-icon-block--hover:hover .u-icon-effect-v1-2--hover::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.u-icon-v4.u-icon-effect-v1-2--hover:hover::after,
.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-2--hover::after {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

/*------------------------------------
  Effect v2
------------------------------------*/
.u-icon-effect-v1-1--hover::after,
.u-icon-effect-v1-2--hover::after, .u-icon-effect-v2--hover::after, .u-icon-effect-v4--hover::after, .u-icon-effect-v5--hover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  pointer-events: none;
}

.u-icon-effect-v2--hover {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  overflow: inherit;
}

.u-icon-effect-v2--hover::after {
  top: -4px;
  left: -4px;
  padding: 4px;
  z-index: -1;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.u-icon-effect-v2--hover:hover,
.u-icon-effect-v2--hover:hover::after {
  background: #e62154;
}

.u-icon-effect-v2--hover:hover::after,
.u-icon-block--hover:hover .u-icon-effect-v2--hover::after {
  opacity: 0;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

/*------------------------------------
  Effect v3
------------------------------------*/
@-webkit-keyframes spinAround {
  from {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateY(-50%) rotate(360deg);
            transform: translateY(-50%) rotate(360deg);
  }
}
@keyframes spinAround {
  from {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateY(-50%) rotate(360deg);
            transform: translateY(-50%) rotate(360deg);
  }
}

.u-icon-effect-v3--hover:hover i,
.u-icon-block--hover:hover .u-icon-effect-v3--hover i {
  -webkit-animation: spinAround 1s linear infinite;
          animation: spinAround 1s linear infinite;
}

/*------------------------------------
  Effect v4
------------------------------------*/
.u-icon-effect-v1-1--hover::after,
.u-icon-effect-v1-2--hover::after, .u-icon-effect-v2--hover::after, .u-icon-effect-v4--hover::after, .u-icon-effect-v5--hover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  pointer-events: none;
}

.u-icon-effect-v4--hover {
  -webkit-transition: background .2s, -webkit-transform ease-out .1s;
  transition: background .2s, -webkit-transform ease-out .1s;
  -o-transition: transform ease-out .1s, background .2s;
  transition: transform ease-out .1s, background .2s;
  transition: transform ease-out .1s, background .2s, -webkit-transform ease-out .1s;
  overflow: inherit;
}

.u-icon-effect-v4--hover::after {
  top: 0;
  left: 0;
  padding: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  opacity: 0;
  z-index: -1;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

.u-icon-effect-v4--hover:hover,
.u-icon-block--hover:hover .u-icon-effect-v4--hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.u-icon-rotation.u-icon-effect-v4--hover:hover,
.u-icon-block--hover:hover .u-icon-rotation.u-icon-effect-v4--hover {
  -webkit-transform: scale(1.1) rotate(45deg);
      -ms-transform: scale(1.1) rotate(45deg);
          transform: scale(1.1) rotate(45deg);
}

.u-icon-effect-v4--hover:hover::after {
  -webkit-animation: sonarEffect-default 1.3s ease-out 75ms;
          animation: sonarEffect-default 1.3s ease-out 75ms;
}

.u-icon-effect-v4--hover.g-bg-primary:hover::after,
.u-icon-v2.u-icon-effect-v4--hover.g-color-primary:hover::after,
.u-icon-block--hover:hover .u-icon-effect-v4--hover.g-bg-primary::after,
.u-icon-block--hover:hover .u-icon-v2.u-icon-effect-v4--hover.g-color-primary::after {
  -webkit-animation: sonarEffect-primary 1.3s ease-out 75ms;
          animation: sonarEffect-primary 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect-default {
  0% {
    opacity: .3;
  }
  40% {
    opacity: .5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ddd, 0 0 0 10px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ddd, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ddd, 0 0 0 10px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ddd, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes sonarEffect-default {
  0% {
    opacity: .3;
  }
  40% {
    opacity: .5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ddd, 0 0 0 10px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ddd, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ddd, 0 0 0 10px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ddd, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}

@-webkit-keyframes sonarEffect-primary {
  0% {
    opacity: .3;
  }
  40% {
    opacity: .5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #e62154, 0 0 0 10px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #e62154, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #e62154, 0 0 0 10px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #e62154, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes sonarEffect-primary {
  0% {
    opacity: .3;
  }
  40% {
    opacity: .5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #e62154, 0 0 0 10px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #e62154, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #e62154, 0 0 0 10px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #e62154, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}

/*------------------------------------
  Effect v5
------------------------------------*/
.u-icon-effect-v1-1--hover::after,
.u-icon-effect-v1-2--hover::after, .u-icon-effect-v2--hover::after, .u-icon-effect-v4--hover::after, .u-icon-effect-v5--hover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  pointer-events: none;
}

.u-icon-effect-v5--hover {
  -webkit-transition: -webkit-box-shadow .2s;
  transition: -webkit-box-shadow .2s;
  -o-transition: box-shadow .2s;
  transition: box-shadow .2s;
  transition: box-shadow .2s, -webkit-box-shadow .2s;
  overflow: inherit;
}

.u-icon-effect-v5--hover:after {
  top: 0;
  left: 0;
  padding: 0;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, -webkit-transform .2s;
  -o-transition: transform .2s, opacity .2s;
  transition: transform .2s, opacity .2s;
  transition: transform .2s, opacity .2s, -webkit-transform .2s;
}

.u-icon-v3.u-icon-effect-v5--hover:after {
  -webkit-box-shadow: 0 0 0 3px #fff;
          box-shadow: 0 0 0 3px #fff;
}

.u-icon-effect-v5--hover:hover:after,
.u-icon-block--hover:hover .u-icon-effect-v5--hover:after {
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
  opacity: .5;
}

.u-icon-effect-v5--hover:hover,
.u-icon-block--hover:hover .u-icon-effect-v5--hover {
  -webkit-box-shadow: 0 0 10px 10px #ddd;
          box-shadow: 0 0 10px 10px #ddd;
}

.u-icon-effect-v5--hover.g-bg-primary:hover,
.u-icon-block--hover:hover .u-icon-effect-v5--hover.g-bg-primary,
.u-icon-effect-v5--hover.g-color-primary:hover,
.u-icon-block--hover:hover .u-icon-effect-v5--hover.g-color-primary {
  -webkit-box-shadow: 0 0 10px 10px #e62154;
          box-shadow: 0 0 10px 10px #e62154;
}

/*------------------------------------
  Default Styles
------------------------------------*/
/*------------------------------------
  Headings
------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, .h7,
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

/*------------------------------------
  Components
------------------------------------*/
/*------------------------------------
  Box Shadows
------------------------------------*/
/*------------------------------------
  Box Shadow v31
------------------------------------*/
.u-shadow-v31 {
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
}

/*------------------------------------
  Buttons
------------------------------------*/
@media (min-width: 768px) {
  .btn-xl--md {
    line-height: 1.4;
    padding: 0.92857rem 1.85714rem;
    font-size: 1.28571rem;
  }
}

/*------------------------------------
  Buttons
------------------------------------*/
.u-btn-lightblue-v3 {
  color: #fff;
  background-color: #1cc9e4;
}

.u-btn-lightblue-v3:hover, .u-btn-lightblue-v3:focus, .u-btn-lightblue-v3.active {
  color: #fff;
}

.u-btn-lightblue-v3:hover, .u-btn-lightblue-v3.active {
  border-color: #18b7d0;
  background-color: #18b7d0;
}

.u-btn-lightblue-v3.disabled, .u-btn-lightblue-v3:disabled {
  background-color: #f5f9f9;
  color: #bac9c9;
  border-color: #f5f9f9;
}

.u-btn-lightblue-v3.disabled:hover, .u-btn-lightblue-v3.disabled:focus, .u-btn-lightblue-v3.disabled.active, .u-btn-lightblue-v3:disabled:hover, .u-btn-lightblue-v3:disabled:focus, .u-btn-lightblue-v3:disabled.active {
  background-color: #f5f9f9;
  color: #bac9c9;
  border-color: #f5f9f9;
}

/*------------------------------------
  Buttons Outline
------------------------------------*/
.u-btn-outline-gray-dark-v6 {
  background-color: transparent;
  color: #53585e;
  border-color: #e1eaea;
}

.u-btn-outline-gray-dark-v6:hover, .u-btn-outline-gray-dark-v6:focus, .u-btn-outline-gray-dark-v6.active {
  background-color: transparent;
  color: #53585e;
  border-color: #1cc9e4;
}

.u-btn-outline-gray-dark-v6.disabled, .u-btn-outline-gray-dark-v6:disabled {
  background-color: transparent;
  color: #bac9c9;
  border-color: #e1eaea;
}

.u-btn-outline-gray-dark-v6.disabled:hover, .u-btn-outline-gray-dark-v6.disabled:focus, .u-btn-outline-gray-dark-v6.disabled.active, .u-btn-outline-gray-dark-v6:disabled:hover, .u-btn-outline-gray-dark-v6:disabled:focus, .u-btn-outline-gray-dark-v6:disabled.active {
  background-color: transparent;
  color: #bac9c9;
  border-color: #e1eaea;
}

.u-input-btn--v1 {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border-radius: 0;
  padding: 0;
}

.u-input-btn--v1--left {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 0;
  padding: 0;
}

.u-input-btn--v2 {
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  height: calc(100% - 2px);
  border-radius: 0;
  padding: 0;
}

.u-input-btn--v3 {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  border-radius: 0;
  padding: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.u-input-btn--v3--left {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 0;
  padding: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*------------------------------------
  Cards
------------------------------------*/
/*------------------------------------
  Card v1
------------------------------------*/
.u-card-v1 {
  background: #fff;
  border: none;
  -webkit-box-shadow: 0 0 15px rgba(174, 195, 209, 0.5);
          box-shadow: 0 0 15px rgba(174, 195, 209, 0.5);
  overflow: hidden;
}

/*------------------------------------
  Selects
------------------------------------*/
/*------------------------------------
  Select v1
------------------------------------*/
.u-select--v1 {
  line-height: 1;
  position: relative;
}

.u-select--v1-select .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  background: none;
  border: none;
  padding: 0;
}

.u-select--v1-select .dropdown-toggle::after {
  content: "";
  display: none;
}

.u-select--v1-select .dropdown-toggle:hover, .u-select--v1-select .dropdown-toggle:active, .u-select--v1-select .dropdown-toggle:focus {
  outline: 0 none !important;
}

.u-select--v1-select .bs-caret {
  display: none;
}

.u-select--v1-select .dropdown-menu[role="combobox"] {
  border: none;
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
  margin-top: 0.71429rem;
  margin-left: -0.71429rem;
}

.u-select--v1-select .dropdown-menu[role="listbox"] a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  min-height: 3.57143rem;
  padding: 0 1.78571rem;
}

.u-select--v1-select .dropdown-menu[role="listbox"] a:hover {
  text-decoration: none;
  background-color: #f5f9f9;
}

@media (min-width: 576px) {
  .u-select--v1-select .dropdown-menu[role="combobox"] {
    min-width: calc(100% + 60px);
    margin-top: 1.78571rem;
    margin-left: -2.14286rem;
  }
  .u-select--v1-select .dropdown-menu[role="listbox"] a {
    padding: 0 2.14286rem;
  }
}

/*------------------------------------
  Select v2
------------------------------------*/
.u-select--v2 {
  position: relative;
  border: 1px solid;
}

.u-select--v2-select .divider {
  border-top: 1px solid #e1eaea;
}

.u-select--v2-select .dropdown-toggle {
  background: none;
  color: inherit;
  border: none;
  padding: 0.71429rem 1.42857rem;
}

.u-select--v2-select .dropdown-toggle::after {
  content: "";
  display: none;
}

.u-select--v2-select .dropdown-toggle:hover, .u-select--v2-select .dropdown-toggle:active, .u-select--v2-select .dropdown-toggle:focus {
  outline: 0 none !important;
}

.u-select--v2-select .filter-option {
  color: inherit;
}

.u-select--v2-select .bs-caret {
  display: none;
}

.u-select--v2-select .dropdown-menu[role="combobox"] {
  min-width: calc(100% + 2px);
  border: 1px solid #e1eaea;
  margin-top: 0.35714rem;
  margin-left: -1px;
}

.u-select--v2-select .dropdown-menu[role="listbox"] a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #53585e;
  white-space: nowrap;
  min-height: 2.85714rem;
  padding: 0 1.42857rem;
}

.u-select--v2-select .dropdown-menu[role="listbox"] a:hover {
  text-decoration: none;
  background-color: #f5f9f9;
}

.u-select--v2-select.dropup .dropdown-menu[role="combobox"] {
  margin-top: 0;
  margin-bottom: 0.35714rem;
}

/*------------------------------------
  Select v3
------------------------------------*/
.u-select--v3 {
  position: relative;
  border: 1px solid;
}

.u-select--v3-select .divider {
  border-top: 1px solid #e1eaea;
}

.u-select--v3-select .dropdown-toggle {
  background: none;
  color: inherit;
  border: none;
  padding: 0.71429rem 2.85714rem 0.71429rem 1.42857rem;
}

.u-select--v3-select .dropdown-toggle::after {
  content: "";
  display: none;
}

.u-select--v3-select .dropdown-toggle:hover, .u-select--v3-select .dropdown-toggle:active, .u-select--v3-select .dropdown-toggle:focus {
  outline: 0 none !important;
}

.u-select--v3-select .filter-option {
  color: inherit;
}

.u-select--v3-select .filter-option i {
  display: none;
}

.u-select--v3-select .bs-caret {
  display: none;
}

.u-select--v3-select .bs-searchbox {
  position: relative;
  padding: 1.57143rem 1.14286rem 0.57143rem;
}

.u-select--v3-select .bs-searchbox::before {
  content: "\ea0f";
  position: absolute;
  top: 32px;
  left: 32px;
  font-size: 16px;
  font-family: "hs-admin-icons", sans-serif;
  color: #bfcece;
}

.u-select--v3-select .bs-searchbox input {
  color: #53585e;
  border: 1px solid #e1eaea;
  border-radius: 4px;
  padding: 10px 20px 10px 50px;
}

.u-select--v3-select .bs-searchbox input:focus {
  border-color: #22bfdd;
}

.u-select--v3-select .dropdown-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  color: #acbdbd;
  min-height: 3.42857rem;
  padding: 0 1.42857rem;
}

.u-select--v3-select .dropdown-menu[role="combobox"] {
  min-width: calc(100% + 2px);
  border: none;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  margin-top: 0.71429rem;
  margin-left: -1px;
}

.u-select--v3-select .dropdown-menu[role="listbox"] li.hidden {
  display: none;
}

.u-select--v3-select .dropdown-menu[role="listbox"] a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #53585e;
  white-space: nowrap;
  min-height: 3.42857rem;
  padding: 0 1.42857rem !important;
}

.u-select--v3-select .dropdown-menu[role="listbox"] a i {
  color: #bfcece;
}

.u-select--v3-select .dropdown-menu[role="listbox"] li:hover a,
.u-select--v3-select .dropdown-menu[role="listbox"] li.active a {
  text-decoration: none;
  background-color: #f5f9f9;
  color: #000;
}

.u-select--v3-select .dropdown-menu[role="listbox"] li:hover a i,
.u-select--v3-select .dropdown-menu[role="listbox"] li.active a i {
  color: #bfcece;
}

.u-select--v3-select.dropup .dropdown-menu[role="combobox"] {
  margin-top: 0;
  margin-bottom: 0.71429rem;
}

.u-select-dropdown--blue-theme .dropdown-menu[role="listbox"] li:hover a,
.u-select-dropdown--blue-theme .dropdown-menu[role="listbox"] li.active a {
  color: #22bfdd;
}

.u-select-dropdown--blue-theme .dropdown-menu[role="listbox"] li:hover a i,
.u-select-dropdown--blue-theme .dropdown-menu[role="listbox"] li.active a i {
  color: #22bfdd;
}

.u-select-dropdown--width-auto .dropdown-menu[role="combobox"] {
  min-width: calc(220px - 2px);
}

.u-select-dropdown--right .dropdown-menu[role="combobox"] {
  left: auto !important;
  right: 0;
  margin-left: 0;
  margin-right: -1px;
}

.u-select-dropdown--search-rounded .bs-searchbox input {
  border-radius: 25px;
}

.u-select-dropdown--search-line .bs-searchbox input {
  border-radius: 0;
  border-width: 0 0 1px 0;
  padding-left: 0 !important;
}

.u-select-dropdown--search-right .bs-searchbox::before {
  left: auto;
  right: 32px;
}

.u-select-dropdown--search-right .bs-searchbox input {
  padding: 10px 50px 10px 20px;
}

.u-select-dropdown--visible-result-icon .filter-option i {
  display: block;
}

/*------------------------------------
  Multi Selects
------------------------------------*/
/*------------------------------------
  Multi Select v1
------------------------------------*/
.u-multi-select--v1 {
  display: block;
  width: auto;
  background: none;
}

.u-multi-select--v1 .ms-selectable,
.u-multi-select--v1 .ms-selection {
  width: 100%;
  float: none;
}

.u-multi-select--v1 .ms-selectable .ms-list,
.u-multi-select--v1 .ms-selection .ms-list {
  height: auto;
  border-color: #e1eaea;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.u-multi-select--v1 .ms-selectable .ms-list li,
.u-multi-select--v1 .ms-selection .ms-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  color: #53585e;
  white-space: nowrap;
  min-height: 3.42857rem;
  border-bottom: none;
  padding: 0 1.42857rem !important;
}

.u-multi-select--v1 .ms-selectable .ms-list li i,
.u-multi-select--v1 .ms-selection .ms-list li i {
  color: #bfcece;
}

.u-multi-select--v1 .ms-selectable .ms-list li.ms-hover, .u-multi-select--v1 .ms-selectable .ms-list li:hover,
.u-multi-select--v1 .ms-selection .ms-list li.ms-hover,
.u-multi-select--v1 .ms-selection .ms-list li:hover {
  text-decoration: none;
  background-color: #f5f9f9;
  color: #000;
}

.u-multi-select--v1 .ms-selectable .ms-list li.ms-hover i, .u-multi-select--v1 .ms-selectable .ms-list li:hover i,
.u-multi-select--v1 .ms-selection .ms-list li.ms-hover i,
.u-multi-select--v1 .ms-selection .ms-list li:hover i {
  color: #bfcece;
}

.u-multi-select--v1 .ms-selection {
  margin-left: auto;
}

.u-multi-select--blue-theme .ms-selectable,
.u-multi-select--blue-theme .ms-selection {
  background-color: #f5f9f9;
}

.u-multi-select--blue-theme .ms-selectable .ms-list li.ms-hover, .u-multi-select--blue-theme .ms-selectable .ms-list li:hover,
.u-multi-select--blue-theme .ms-selection .ms-list li.ms-hover,
.u-multi-select--blue-theme .ms-selection .ms-list li:hover {
  background-color: #22bfdd;
  color: #fff;
}

.u-multi-select--blue-theme .ms-selectable .ms-list li.ms-hover i, .u-multi-select--blue-theme .ms-selectable .ms-list li:hover i,
.u-multi-select--blue-theme .ms-selection .ms-list li.ms-hover i,
.u-multi-select--blue-theme .ms-selection .ms-list li:hover i {
  color: #fff;
}

.u-multi-select--items-lg .ms-selectable .ms-list li,
.u-multi-select--items-lg .ms-selection .ms-list li {
  min-height: 4rem;
}

.u-multi-select--rounded-0 .ms-selectable .ms-list,
.u-multi-select--rounded-0 .ms-selection .ms-list {
  border-radius: 0;
}

.u-multi-select--items-icons .ms-selectable .ms-list li,
.u-multi-select--items-icons .ms-selection .ms-list li {
  position: relative;
}

.u-multi-select--items-icons .ms-selectable .ms-list li::after,
.u-multi-select--items-icons .ms-selection .ms-list li::after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: inline-block;
  font-family: "hs-admin-icons", sans-serif;
  color: #bfcece;
  opacity: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.u-multi-select--items-icons .ms-selectable .ms-list li:hover::after,
.u-multi-select--items-icons .ms-selection .ms-list li:hover::after {
  opacity: 1;
}

.u-multi-select--items-icons .ms-selectable .ms-list li::after {
  content: "\e9fd";
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-color: #1cc9e4;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}

.u-multi-select--items-icons .ms-selection .ms-list li::after {
  content: "\ea3b";
  font-size: 18px;
}

@media (min-width: 768px) {
  .u-multi-select--v1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .u-multi-select--v1 .ms-selectable,
  .u-multi-select--v1 .ms-selection {
    width: 45%;
  }
  .u-multi-select--v1 .ms-selectable .ms-list,
  .u-multi-select--v1 .ms-selection .ms-list {
    height: 100%;
  }
}

/*------------------------------------
  Tagsinputs
------------------------------------*/
/*------------------------------------
  Tagsinput v1
------------------------------------*/
.u-tagsinput--v1 .bootstrap-tagsinput {
  width: 100%;
  padding: 0.57143rem 0.64286rem;
  border: 1px solid #e1eaea;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.u-tagsinput--v1 [data-role="remove"] {
  font-size: 0.85714rem;
  font-family: "hs-admin-icons", sans-serif;
  color: #fff;
  margin-left: 1rem;
}

.u-tagsinput--v1 [data-role="remove"]::after {
  content: "\e939" !important;
  padding: 0 !important;
}

/*------------------------------------
  Tagsinput v2
------------------------------------*/
[class*="u-tagsinput--v2"] {
  overflow: hidden;
}

[class*="u-tagsinput--v2"] .bootstrap-tagsinput {
  width: 100%;
  line-height: 1;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  margin-bottom: -5px;
}

[class*="u-tagsinput--v2"] .bootstrap-tagsinput::before {
  content: "|";
  display: inline-block;
  width: 1px;
  line-height: 1;
  font-size: 14px;
  opacity: 0;
  padding: 0.57143rem 0;
  margin-bottom: 5px;
  margin-left: -1px;
}

[class*="u-tagsinput--v2"] .bootstrap-tagsinput input[type="text"] {
  width: 100%;
}

[class*="u-tagsinput--v2"] .bootstrap-tagsinput .tag + input[type="text"] {
  width: auto;
}

[class*="u-tagsinput--v2"] .bootstrap-tagsinput .tag {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-size: 14px;
  color: #41464B;
  border: 1px solid #1cc9e4;
  border-radius: 16px;
  padding: 0.57143rem 1.78571rem 0.57143rem 2.85714rem;
  margin-bottom: 5px;
}

[class*="u-tagsinput--v2"] .bootstrap-tagsinput .tag [data-role="remove"] {
  position: absolute;
  top: 50%;
  left: 18px;
  font-size: 10px;
  font-family: "hs-admin-icons", sans-serif;
  color: #e62154;
  margin-left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

[class*="u-tagsinput--v2"] .bootstrap-tagsinput .tag [data-role="remove"]::after {
  content: "\e939";
  padding: 0;
}

.u-tagsinput--v2--gray .bootstrap-tagsinput .tag {
  background-color: #f5f9f9;
  border-color: #f5f9f9;
}

.u-tagsinput--v2--blue .bootstrap-tagsinput .tag {
  background-color: #1cc9e4;
  color: #fff;
  border-color: #1cc9e4;
}

.u-tagsinput--v2--blue .bootstrap-tagsinput .tag [data-role="remove"] {
  color: #fff;
}

/*------------------------------------
  Header Admin
------------------------------------*/
.u-header-logo-toggler {
  height: 65px;
  padding-left: 1.07143rem !important;
  padding-right: 1.07143rem !important;
  overflow: hidden;
}

.u-header__section--admin-dark .u-header-logo-toggler {
  background-color: #2e3c56;
}

.u-header__section--admin-light .u-header-logo-toggler {
  background-color: #fff;
}

@media (min-width: 576px) {
  .u-header-logo-toggler {
    width: 250px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
  }
  .u-header-logo-toggler .navbar-brand {
    opacity: 1;
    -webkit-animation: brandFadeIn .3s ease-in-out;
            animation: brandFadeIn .3s ease-in-out;
  }
  .u-side-nav-mini .u-header-logo-toggler {
    width: 50px;
    padding-left: 0.35714rem !important;
    padding-right: 0.35714rem !important;
  }
  .u-side-nav-mini .u-header-logo-toggler .u-header__nav-toggler {
    margin-right: 10px;
  }
  .u-side-nav-mini .u-header-logo-toggler .navbar-brand {
    display: none !important;
    opacity: 0;
    -webkit-animation: brandFadeOut 1s ease-in-out;
            animation: brandFadeOut 1s ease-in-out;
  }
  @-webkit-keyframes brandFadeIn {
    0% {
      display: none;
      opacity: 0;
    }
    50% {
      display: block;
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes brandFadeIn {
    0% {
      display: none;
      opacity: 0;
    }
    50% {
      display: block;
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes brandFadeOut {
    0% {
      display: block;
      opacity: 1;
    }
    50% {
      display: block;
      opacity: 0;
    }
    100% {
      display: none;
      opacity: 0;
    }
  }
  @keyframes brandFadeOut {
    0% {
      display: block;
      opacity: 1;
    }
    50% {
      display: block;
      opacity: 0;
    }
    100% {
      display: none;
      opacity: 0;
    }
  }
}

.u-header__section--admin-dark {
  background-color: #222e44;
  color: #fff;
}

.u-header__section--admin-light {
  background-color: #fff;
  color: #53585e;
}

.u-header__section--admin-dark a {
  color: #8294b9;
}

.u-header__section--admin-light a {
  color: #bac9c9;
}

.u-header__section--admin-dark a:hover,
.u-header__section--admin-light a:hover {
  text-decoration: none;
  color: #e62154;
}

.u-header__section--admin-dark [data-dropdown-target] {
  color: #fff;
}

.u-header__section--admin-light [data-dropdown-target] {
  color: #53585e;
}

.u-header__section--admin-dark [data-dropdown-target] i {
  color: #6d7c9f;
}

.u-header__section--admin-light [data-dropdown-target] i {
  color: #bac9c9;
}

.u-header__section--admin-dark [data-dropdown-target]:hover {
  color: #fff;
}

.u-header__section--admin-light [data-dropdown-target]:hover {
  color: #53585e;
}

.u-header__section--admin-dark [data-dropdown-target].active i {
  color: #fff;
}

[aria-labelledby] {
  list-style: none;
  padding-left: 0;
}

.u-header__section--admin-dark [aria-labelledby] {
  background-color: #2e3c56;
  color: #d4dade;
}

.u-header__section--admin-light [aria-labelledby] {
  background-color: #fff;
  color: #53585e;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
}

.u-header__section--admin-dark [aria-labelledby] a {
  color: #d4dade;
}

.u-header__section--admin-light [aria-labelledby] a {
  color: #53585e;
}

.u-header__section--admin-light [aria-labelledby] a:hover {
  color: #e62154;
}

.u-header__section--admin-light [aria-labelledby] a:hover i {
  color: #e62154;
}

.u-header__section--admin-dark [aria-labelledby] i {
  color: #7484a8;
}

.u-header__section--admin-light [aria-labelledby] i {
  color: #bac9c9;
}

.u-header__section--admin-dark [aria-labelledby] .u-header-dropdown-icon-v1 i {
  color: #1cc9e4;
}

.u-header-icon-v1 {
  background-color: transparent;
  -webkit-transition: background-color .2s ease-in;
  -o-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
}

.u-header__section--admin-light .u-header-icon-v1.active {
  background-color: #e1eaea;
}

.u-header-dropdown-bordered-v1 {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.u-header__section--admin-dark .u-header-dropdown-bordered-v1 {
  border-bottom-color: #4b5770;
}

.u-header__section--admin-light .u-header-dropdown-bordered-v1 {
  border-bottom-color: #e1eaea;
}

.u-header-dropdown-bordered-v2 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.u-header__section--admin-dark .u-header-dropdown-bordered-v2 {
  border-bottom-color: #4b5770;
}

.u-header__section--admin-light .u-header-dropdown-bordered-v2 {
  border-bottom-color: #e1eaea;
}

.u-header-dropdown-item-v1 {
  background-color: transparent;
  -webkit-transition: background-color .2s ease-in;
  -o-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
}

.u-header__section--admin-dark .u-header-dropdown-item-v1:hover {
  background-color: #222e44;
}

.u-header__section--admin-light .u-header-dropdown-item-v1:hover {
  background-color: #f5f9f9;
}

.u-header-dropdown-item-v1:hover .u-header-dropdown-icon-v1 {
  -webkit-transition: background-color .2s ease-in;
  -o-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
}

.u-header__section--admin-dark .u-header-dropdown-item-v1:hover .u-header-dropdown-icon-v1 {
  background-color: #2e3c56;
}

.u-header__section--admin-light .u-header-dropdown-item-v1:hover .u-header-dropdown-icon-v1 {
  background-color: #fff;
}

.u-header-dropdown-icon-v1 {
  -webkit-transition: background-color .2s ease-in;
  -o-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
}

.u-header__section--admin-dark .u-header-dropdown-icon-v1 {
  background-color: #222e44;
}

.u-header__section--admin-light .u-header-dropdown-icon-v1 {
  background-color: #f5f9f9;
}

.u-header__section--admin-light .u-header-dark-text {
  color: #000;
}

.u-header-logo {
  width: 86px;
  height: 32px;
}

@media (max-width: 576px - 1) {
  .u-header-logo {
    width: 30px;
  }
}

/*------------------------------------
  Header Admin (Sidebar)
------------------------------------*/
.u-header__section--admin-dark .u-header-sidebar {
  background-color: #2e3c56;
}

.u-header__section--admin-light .u-header-sidebar {
  background-color: #fff;
  -webkit-box-shadow: -4px 2px 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: -4px 2px 15px 0 rgba(0, 0, 0, 0.05);
}

/*------------------------------------
  Header Admin (Search)
------------------------------------*/
.u-header--search {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #222e44;
  padding: 1.07143rem !important;
  margin-top: 0;
}

.u-header__section--admin-dark .form-control {
  background-color: transparent;
  color: #fff;
  border-color: #4b5770;
  -webkit-transition: border-color .3s ease !important;
  -o-transition: border-color .3s ease !important;
  transition: border-color .3s ease !important;
}

.u-header__section--admin-light .form-control {
  background-color: transparent;
  color: #bac9c9;
  border-color: #bac9c9;
}

.u-header__section--admin-dark .form-control:focus {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.7);
}

.u-header__section--admin-light .form-control:focus {
  background-color: transparent;
  color: #53585e;
  border-color: #53585e;
}

.form-control::-webkit-input-placeholder {
  opacity: 1;
}

.u-header__section--admin-dark .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.9);
}

.u-header__section--admin-light .form-control::-webkit-input-placeholder {
  color: #53585e;
}

.form-control::-moz-placeholder {
  opacity: 1;
}

.u-header__section--admin-dark .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.9);
}

.u-header__section--admin-light .form-control::-moz-placeholder {
  color: #53585e;
}

@media (min-width: 576px) {
  .u-header--search {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    padding: 0 !important;
    margin-top: 0;
    -webkit-animation: unset;
            animation: unset;
  }
  .u-header__section--admin-dark .u-header--search.col-sm,
  .u-header__section--admin-light .u-header--search.col-sm {
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .u-header__section--admin-dark [data-dropdown-target].active i {
    color: #6d7c9f;
  }
  .u-header__section--admin-dark .u-header-icon-v1.active {
    background-color: #2e3c56;
  }
}

/*------------------------------------
  Header Nav Toggler
------------------------------------*/
.u-header__nav-toggler {
  position: relative;
  height: 2.85714rem;
  width: 1.42857rem;
  height: 1.42857rem;
}

.u-header__nav-toggler i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
  opacity: .3;
  font-size: 1.42857rem;
}

.u-header__section--admin-dark .u-header__nav-toggler i {
  color: #fff;
}

.u-header__section--admin-light .u-header__nav-toggler i {
  color: #333;
}

@media (min-width: 768px) {
  .u-header__nav-toggler i {
    font-size: 1.42857rem;
  }
}

/*------------------------------------
  Sidebar Admin
------------------------------------*/
.u-sidebar-navigation-v1 {
  position: absolute;
  top: 0;
  z-index: 100;
  width: 21.42857rem;
  min-height: 100%;
  -webkit-transition: width .3s ease-in;
  -o-transition: width .3s ease-in;
  transition: width .3s ease-in;
}

.u-sidebar-navigation-v1-menu {
  list-style: none;
}

.u-sidebar-navigation-v1-menu a:hover {
  text-decoration: none;
}

.u-sidebar-navigation-v1--mini, .u-sidebar-navigation-v1--hidden {
  width: 0;
  overflow-x: hidden;
}

.u-sidebar-navigation-v1 + * {
  width: calc(100% - 250px);
}

.u-sidebar-navigation-v1.u-side-nav--fourth-level-menu {
  list-style-type: disc;
}

.u-sidebar-navigation--dark {
  background-color: #2e3c56;
  color: #d4dade;
}

.u-sidebar-navigation--light {
  background-color: #fff;
  color: #e1eaea;
}

.u-sidebar-navigation--light a {
  color: #8c8f92;
}

.u-side-nav--top-level-menu {
  padding-left: 0;
}

.u-sidebar-navigation-v1--mini .u-side-nav--has-sub-menu .u-side-nav--top-level-menu {
  padding-left: 0;
}

.u-side-nav--top-level-menu-item {
  position: relative;
}

.u-side-nav--top-level-menu-item:hover {
  overflow: visible;
}

.u-sidebar-navigation--dark .u-side-nav--top-level-menu-item:hover {
  background-color: #29364d;
}

.u-sidebar-navigation--light .u-side-nav--top-level-menu-item:hover {
  background-color: #f5f9f9;
}

.u-side-nav--mini-hover-on .u-side-nav--top-level-menu-item:hover .u-side-nav--second-level-menu.show {
  opacity: 1 !important;
}

.u-side-nav--top-level-menu-link {
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
}

.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link {
  color: #d4dade;
}

.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link i {
  color: #7484a8;
}

.u-side-nav--top-level-menu-link [class*="u-badge"] {
  opacity: 0;
  -webkit-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}

.u-side-nav--mini .u-side-nav--top-level-menu-link [class*="u-badge"] {
  opacity: 1;
}

.u-side-nav--top-level-menu-link .u-side-nav--control-icon i {
  -webkit-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link .u-side-nav--control-icon i {
  color: #d4dade;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--top-level-menu-link:not(.collapsed) .u-side-nav--control-icon i {
  color: #fff;
}

.u-sidebar-navigation--light .u-side-nav--has-sub-menu > .u-side-nav--top-level-menu-link:not(.collapsed) .u-side-nav--control-icon i {
  color: #8c8f92;
}

.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link:hover {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--top-level-menu-link:hover {
  color: #666b6e;
}

.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link:hover i {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--top-level-menu-link:hover i {
  color: #666b6e;
}

.u-side-nav--top-level-menu-link.active {
  color: #e62154;
}

.u-side-nav--top-level-menu-link.active i {
  color: #e62154;
}

.u-side-nav--second-level-menu {
  padding-left: 20px;
}

.u-sidebar-navigation-v1--mini .u-side-nav--second-level-menu {
  overflow: hidden;
}

.u-sidebar-navigation--dark.u-sidebar-navigation-v1--mini .u-side-nav--second-level-menu {
  background-color: #29364d;
}

.u-sidebar-navigation--light.u-sidebar-navigation-v1--mini .u-side-nav--second-level-menu {
  background-color: #f5f9f9;
}

.u-side-nav--hidden .u-side-nav--second-level-menu,
.u-side-nav--mini .u-side-nav--second-level-menu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 10;
  white-space: nowrap;
}

.u-side-nav--second-level-menu-link {
  text-decoration: none;
}

.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link {
  color: #d4dade;
}

.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link i {
  color: #7484a8;
}

.u-side-nav--second-level-menu-link .u-side-nav--control-icon i {
  -webkit-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link .u-side-nav--control-icon i {
  color: #d4dade;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--second-level-menu-link:not(.collapsed) {
  color: #fff;
}

.u-sidebar-navigation--light .u-side-nav--has-sub-menu > .u-side-nav--second-level-menu-link:not(.collapsed) {
  color: #53585e;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--second-level-menu-link:not(.collapsed) i {
  color: #fff;
}

.u-sidebar-navigation--light .u-side-nav--has-sub-menu > .u-side-nav--second-level-menu-link:not(.collapsed) i {
  color: #8c8f92;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--second-level-menu-link:not(.collapsed) .u-side-nav--control-icon i {
  color: #fff;
}

.u-sidebar-navigation--light .u-side-nav--has-sub-menu > .u-side-nav--second-level-menu-link:not(.collapsed) .u-side-nav--control-icon i {
  color: #8c8f92;
}

.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link:hover {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--second-level-menu-link:hover {
  color: #6d7c9f;
}

.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link:hover i {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--second-level-menu-link:hover i {
  color: #6d7c9f;
}

.u-side-nav--second-level-menu-link.active {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--second-level-menu-link.active {
  color: #6d7c9f;
}

.u-side-nav--second-level-menu-link.active i {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--second-level-menu-link.active i {
  color: #6d7c9f;
}

.u-side-nav--hidden .u-side-nav--second-level-menu,
.u-side-nav--mini .u-side-nav--second-level-menu {
  min-width: 17.85714rem;
  padding-left: 0;
}

.u-side-nav--mini-hover-on .u-side-nav--second-level-menu.show {
  -webkit-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}

.u-side-nav--third-level-menu {
  padding-left: 2.85714rem;
}

.u-sidebar-navigation-v1--mini .u-side-nav--has-sub-menu .u-side-nav--third-level-menu {
  padding-left: 2.85714rem;
}

.u-side-nav--third-level-menu-item {
  list-style: none;
}

.u-side-nav--third-level-menu-link {
  display: block;
  text-decoration: none;
}

.u-sidebar-navigation--dark .u-side-nav--third-level-menu-link {
  color: #d4dade;
}

.u-sidebar-navigation--dark .u-side-nav--third-level-menu-link i {
  color: #7484a8;
}

.u-side-nav--third-level-menu-link .u-side-nav--control-icon i {
  -webkit-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.u-sidebar-navigation--dark .u-side-nav--third-level-menu-link .u-side-nav--control-icon i {
  color: #d4dade;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--third-level-menu-link:not(.collapsed) {
  color: #fff;
}

.u-sidebar-navigation--light .u-side-nav--has-sub-menu > .u-side-nav--third-level-menu-link:not(.collapsed) {
  color: #53585e;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--third-level-menu-link:not(.collapsed) i {
  color: #fff;
}

.u-sidebar-navigation--light .u-side-nav--has-sub-menu > .u-side-nav--third-level-menu-link:not(.collapsed) i {
  color: #8c8f92;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--third-level-menu-link:not(.collapsed) .u-side-nav--control-icon i {
  color: #fff;
}

.u-sidebar-navigation--light .u-side-nav--has-sub-menu > .u-side-nav--third-level-menu-link:not(.collapsed) .u-side-nav--control-icon i {
  color: #8c8f92;
}

.u-sidebar-navigation--dark .u-side-nav--third-level-menu-link:hover {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--third-level-menu-link:hover {
  color: #6d7c9f;
}

.u-sidebar-navigation--dark .u-side-nav--third-level-menu-link:hover i {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--third-level-menu-link:hover i {
  color: #6d7c9f;
}

.u-side-nav--third-level-menu-link.active {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--third-level-menu-link.active {
  color: #6d7c9f;
}

.u-side-nav--third-level-menu-link.active i {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--third-level-menu-link.active i {
  color: #6d7c9f;
}

.u-side-nav--fourth-level-menu {
  padding-left: 0.42857rem;
}

.u-side-nav--fourth-level-menu-item {
  list-style: none;
}

.u-side-nav--fourth-level-menu-link {
  position: relative;
  display: block;
  text-decoration: none;
  overflow: hidden;
}

.u-side-nav--fourth-level-menu-link::before {
  content: "\00b7";
  position: relative;
  top: -1px;
  left: 0;
  display: inline-block;
  font-size: 40px;
  line-height: 4px;
  vertical-align: middle;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.u-sidebar-navigation--dark .u-side-nav--fourth-level-menu-link {
  color: #d4dade;
}

.u-sidebar-navigation--dark .u-side-nav--fourth-level-menu-link i {
  color: #7484a8;
}

.u-side-nav--fourth-level-menu-link .u-side-nav--control-icon i {
  -webkit-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.u-sidebar-navigation--dark .u-side-nav--fourth-level-menu-link .u-side-nav--control-icon i {
  color: #d4dade;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--fourth-level-menu-link:not(.collapsed) {
  color: #fff;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--fourth-level-menu-link:not(.collapsed) i {
  color: #fff;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--fourth-level-menu-link:not(.collapsed) .u-side-nav--control-icon i {
  color: #fff;
}

.u-sidebar-navigation--dark .u-side-nav--fourth-level-menu-link:hover {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--fourth-level-menu-link:hover {
  color: #6d7c9f;
}

.u-sidebar-navigation--dark .u-side-nav--fourth-level-menu-link:hover i {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--fourth-level-menu-link:hover i {
  color: #6d7c9f;
}

.u-side-nav--fourth-level-menu-link.active {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--fourth-level-menu-link.active {
  color: #6d7c9f;
}

.u-side-nav--fourth-level-menu-link.active i {
  color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--fourth-level-menu-link.active i {
  color: #6d7c9f;
}

.u-side-nav--has-sub-menu {
  background-color: transparent;
  -webkit-transition: background-color .2s ease-in;
  -o-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  overflow: hidden;
}

.u-side-nav--has-sub-menu > ul {
  display: none;
}

.u-side-nav--has-sub-menu:hover {
  overflow: visible;
}

.u-side-nav--has-sub-menu.u-side-nav-opened > ul {
  display: block;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu.u-side-nav-opened {
  background-color: #29364d;
}

.u-sidebar-navigation--light .u-side-nav--has-sub-menu.u-side-nav-opened {
  background-color: #f5f9f9;
}

.u-side-nav--has-sub-menu__indicator {
  position: absolute;
  top: 50%;
  left: 3px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1) !important;
  font-size: 9px;
  opacity: 0;
  -webkit-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.u-sidebar-navigation-v1--mini .u-side-nav--has-sub-menu__indicator {
  opacity: 1;
}

.u-side-nav--hide-on-mini {
  opacity: 1;
  -webkit-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}

.u-side-nav--mini .u-side-nav--hide-on-mini {
  opacity: 0;
}

.u-side-nav--hide-on-hidden {
  opacity: 1;
  -webkit-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}

.u-side-nav--hidden .u-side-nav--hide-on-hidden {
  opacity: 0;
}

/* Has Active */
.u-sidebar-navigation--dark .has-active {
  background-color: #29364d;
}

.u-sidebar-navigation--dark .has-active > a {
  color: #fff;
}

.u-sidebar-navigation--dark .has-active > a i {
  color: #fff;
}

.u-sidebar-navigation--light .has-active {
  background-color: #f5f9f9;
}

.u-sidebar-navigation--light .has-active > a {
  color: #8c8f92;
}

.u-sidebar-navigation--light .has-active > a i {
  color: #8c8f92;
}

.u-side-nav-opened > a .u-side-nav--control-icon i {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.u-sidebar-navigation-v1--mini {
  width: 3.57143rem;
  overflow-x: visible;
}

@media (min-width: 992px) {
  .u-sidebar-navigation-v1 {
    position: static;
    top: auto;
    z-index: auto;
    height: auto;
  }
}

/*------------------------------------
  Footer Admin
------------------------------------*/
@media (min-width: 768px) {
  .u-footer--bottom-fixed {
    position: fixed;
  }
  .u-footer--bottom-sticky {
    position: absolute;
  }
  .u-footer--bottom-fixed, .u-footer--bottom-sticky {
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: margin-left .3s ease-in;
    -o-transition: margin-left .3s ease-in;
    transition: margin-left .3s ease-in;
  }
  .u-side-nav-hidden .u-footer--bottom-fixed {
    margin-left: 0;
  }
  .u-side-nav-mini .u-footer--bottom-fixed {
    margin-left: 3.21429rem;
  }
}

@media (min-width: 992px) {
  .u-footer--bottom-fixed {
    margin-left: 17.85714rem;
  }
  .u-side-nav-hidden .u-footer--bottom-fixed {
    margin-left: 0;
  }
  .u-side-nav-mini .u-footer--bottom-fixed {
    margin-left: 3.21429rem;
  }
}

/*------------------------------------
  Area Charts
------------------------------------*/
.u-area-chart--v1 .ct-point {
  stroke-width: 0.85714rem;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}

.u-area-chart--v1 .ct-point:hover {
  opacity: 1;
}

/*------------------------------------
  Sparklines
------------------------------------*/
.u-sparkline--v1 canvas {
  width: 100% !important;
}

/*------------------------------------
  Tooltips
------------------------------------*/
/*------------------------------------
  Tooltip v2
------------------------------------*/
.u-tooltip--v2 {
  line-height: 1.4em;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 1px 3px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1px 3px 6px 0 rgba(0, 0, 0, 0.1);
  padding: 0.35714rem 0.71429rem;
  margin-left: 1.42857rem;
  -webkit-transform: translate(50%, 100%);
      -ms-transform: translate(50%, 100%);
          transform: translate(50%, 100%);
}

.u-tooltip--v2::before {
  content: '';
  position: absolute;
  top: 50%;
  left: auto;
  right: 100%;
  width: 0;
  height: 0;
  margin-left: 0;
  border: 7px solid transparent;
  border-right-color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*------------------------------------
  Tables
------------------------------------*/
/*------------------------------------
  Tables v3
------------------------------------*/
[class*="u-table--v3"] {
  margin-bottom: 0;
}

[class*="u-table--v3"] th,
[class*="u-table--v3"] td {
  color: inherit;
  vertical-align: middle;
  padding: 1.42857rem;
  border-top-color: #e1eaea !important;
  border-bottom-color: #e1eaea !important;
  border-left-color: #e1eaea !important;
  border-right-color: #e1eaea !important;
}

[class*="u-table--v3"] th:first-child, [class*="u-table--v3"] th.g-first-child,
[class*="u-table--v3"] td:first-child,
[class*="u-table--v3"] td.g-first-child {
  text-align: center;
  border-left: 1px solid;
}

[class*="u-table--v3"] th:last-child, [class*="u-table--v3"] th.g-last-child,
[class*="u-table--v3"] td:last-child,
[class*="u-table--v3"] td.g-last-child {
  border-right: 1px solid;
}

[class*="u-table--v3"] th {
  font-weight: 400;
  border-bottom: none !important;
}

[class*="u-table--v3"] td {
  font-weight: 300;
  padding-top: 1.14286rem;
  padding-bottom: 1.14286rem;
}

[class*="u-table--v3"] .opened + tr {
  background-color: #f5f9f9;
}

[class*="u-table--v3"] tr:last-child td {
  border-bottom: 1px solid;
}

[class*="u-table--v3"] .thead-light th {
  color: #53585e;
  background-color: #f5f9f9;
  border-color: #f5f9f9;
}

[class*="u-table--v3"].table-hover tbody tr:hover {
  background-color: rgba(245, 249, 249, 0.4);
}

[class*="u-table--v3"].table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #f5f9f9;
}

.u-table--v3--bordered th,
.u-table--v3--bordered td {
  border-left: 1px solid;
}

/*------------------------------------
  Tables Editable v1
------------------------------------*/
.u-editable-table--v1 input[type="text"] {
  font-weight: 300;
  border: 1px solid #e1eaea;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0.71429rem 1.42857rem;
  -webkit-transition: border-color .2s ease-in;
  -o-transition: border-color .2s ease-in;
  transition: border-color .2s ease-in;
}

.u-editable-table--v1 input[type="text"]:focus {
  outline: 0 none;
  border-color: #1cc9e4;
}

/*------------------------------------
  Toasts
------------------------------------*/
/*------------------------------------
  Toasts v1
------------------------------------*/
[class*="noty_theme__unify--v1"] {
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 1.57143rem;
}

.noty_theme__unify--v1--dark {
  background-color: #2e3c56;
}

.noty_theme__unify--v1--light {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
}

.noty_type__success.noty_theme__unify--v1 {
  background-color: #1cc9e4;
}

.noty_type__info.noty_theme__unify--v1 {
  background-color: #1d75e5;
}

.noty_type__error.noty_theme__unify--v1 {
  background-color: #e62154;
}

.noty_type__warning.noty_theme__unify--v1 {
  background-color: #e6a821;
}

.noty_body {
  font-weight: 400;
  font-size: 1rem;
  color: #fff;
}

[class*="noty_theme__unify--v1"] .noty_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.noty_theme__unify--v1--light .noty_body {
  color: #41464B;
}

.noty_body__icon {
  position: relative;
  display: inline-block;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}

.noty_body__icon::before {
  display: block;
}

.noty_body__icon > i {
  position: relative;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

.noty_theme__unify--v1 .noty_body__icon {
  background-color: rgba(245, 249, 249, 0.2);
}

.noty_theme__unify--v1--dark .noty_body__icon {
  background-color: rgba(245, 249, 249, 0.1);
}

.noty_theme__unify--v1--dark.noty_type__success .noty_body__icon {
  color: #1cc9e4;
}

.noty_theme__unify--v1--dark.noty_type__info .noty_body__icon {
  color: #1d75e5;
}

.noty_theme__unify--v1--dark.noty_type__error .noty_body__icon {
  color: #e62154;
}

.noty_theme__unify--v1--dark.noty_type__warning .noty_body__icon {
  color: #e6a821;
}

.noty_theme__unify--v1--light.noty_type__success .noty_body__icon {
  background-color: rgba(28, 201, 228, 0.15);
  color: #1cc9e4;
}

.noty_theme__unify--v1--light.noty_type__info .noty_body__icon {
  background-color: rgba(29, 117, 229, 0.15);
  color: #1d75e5;
}

.noty_theme__unify--v1--light.noty_type__error .noty_body__icon {
  background-color: rgba(230, 33, 84, 0.15);
  color: #e62154;
}

.noty_theme__unify--v1--light.noty_type__warning .noty_body__icon {
  background-color: rgba(230, 168, 33, 0.15);
  color: #e6a821;
}

[class*="noty_theme__unify--v1"] .noty_close_button {
  top: 14px;
  right: 14px;
  width: 0.85714rem;
  height: 0.85714rem;
  line-height: 0.85714rem;
  background-color: transparent;
  font-weight: 300;
  font-size: 1.71429rem;
  color: #fff;
  border-radius: 0;
}

.noty_theme__unify--v1--light .noty_close_button {
  color: #cad6d6;
}

.noty_progressbar {
  height: 0.5rem !important;
}

.noty_theme__unify--v1 .noty_progressbar {
  background-color: rgba(0, 0, 0, 0.08) !important;
}

.noty_theme__unify--v1--dark.noty_type__success .noty_progressbar {
  background-color: #1cc9e4;
}

.noty_theme__unify--v1--dark.noty_type__info .noty_progressbar {
  background-color: #1d75e5;
}

.noty_theme__unify--v1--dark.noty_type__error .noty_progressbar {
  background-color: #e62154;
}

.noty_theme__unify--v1--dark.noty_type__warning .noty_progressbar {
  background-color: #e6a821;
}

.noty_theme__unify--v1--light.noty_type__success .noty_progressbar {
  background-color: rgba(28, 201, 228, 0.15);
}

.noty_theme__unify--v1--light.noty_type__info .noty_progressbar {
  background-color: rgba(29, 117, 229, 0.15);
}

.noty_theme__unify--v1--light.noty_type__error .noty_progressbar {
  background-color: rgba(230, 33, 84, 0.15);
}

.noty_theme__unify--v1--light.noty_type__warning .noty_progressbar {
  background-color: rgba(230, 168, 33, 0.15);
}

/*------------------------------------
  Datepickers
------------------------------------*/
/*------------------------------------
  Datepicker v2
------------------------------------*/
.u-datepicker--v2 {
  z-index: 2 !important;
  border-width: 0;
  border-radius: 0;
}

.u-datepicker--v2.ui-datepicker-inline {
  width: 100%;
}

.u-datepicker--v2.ui-datepicker {
  width: initial;
  padding: initial;
}

.u-datepicker--v2 .ui-datepicker {
  width: 100%;
  padding: 0;
  border: none;
}

.u-datepicker--v2 .ui-datepicker-header {
  display: none;
}

.u-datepicker--v2 .ui-datepicker-title {
  height: 2.14286rem;
  line-height: 2.14286rem;
  font-size: 1rem;
  font-weight: 400;
  color: #555;
  margin-left: 2.14286rem;
  margin-right: 2.14286rem;
}

.u-datepicker--v2 .ui-datepicker-prev,
.u-datepicker--v2 .ui-datepicker-next {
  width: 2.14286rem;
  height: 2.14286rem;
  line-height: 2.14286rem;
  top: 0;
  text-align: center;
  border-radius: 0;
  cursor: pointer;
}

.u-datepicker--v2 .ui-datepicker-prev > span,
.u-datepicker--v2 .ui-datepicker-next > span {
  position: static;
  top: 0;
  left: 0;
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 1.14286rem;
  color: #555;
  background-image: none;
  text-indent: 0;
  margin-top: 0;
  margin-left: 0;
}

.u-datepicker--v2 .ui-datepicker-prev.ui-state-hover,
.u-datepicker--v2 .ui-datepicker-next.ui-state-hover {
  border: none;
}

.u-datepicker--v2 .ui-datepicker-prev {
  left: 0;
  border-right-width: 0;
}

.u-datepicker--v2 .ui-datepicker-prev.ui-state-hover {
  border-right-width: 0;
}

.u-datepicker--v2 .ui-datepicker-next {
  right: 0;
  border-left-width: 0;
}

.u-datepicker--v2 .ui-datepicker-next.ui-state-hover {
  border-left-width: 0;
}

.u-datepicker--v2 .ui-datepicker-prev-hover,
.u-datepicker--v2 .ui-datepicker-next-hover {
  top: 0;
  background-color: transparent;
}

.u-datepicker--v2 .ui-datepicker-prev-hover {
  left: 0;
}

.u-datepicker--v2 .ui-datepicker-next-hover {
  right: 0;
}

.u-datepicker--v2 .ui-datepicker-calendar {
  margin-bottom: 0;
  width: 100%;
}

.u-datepicker--v2 .ui-datepicker-calendar th,
.u-datepicker--v2 .ui-datepicker-calendar td {
  text-align: center;
  padding: 0.21429rem;
}

.u-datepicker--v2 .ui-datepicker-calendar th span,
.u-datepicker--v2 .ui-datepicker-calendar th a,
.u-datepicker--v2 .ui-datepicker-calendar td span,
.u-datepicker--v2 .ui-datepicker-calendar td a {
  display: inline-block;
  width: 1.85714rem;
  height: 1.85714rem;
  line-height: 1.71429rem;
  text-align: center;
  text-decoration: none;
  color: #555;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  padding: 0;
}

.u-datepicker--v2 .ui-datepicker-calendar th a,
.u-datepicker--v2 .ui-datepicker-calendar td a {
  border-radius: 50%;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.u-datepicker--v2 .ui-datepicker-calendar th a.ui-state-active,
.u-datepicker--v2 .ui-datepicker-calendar td a.ui-state-active {
  position: relative;
  background-color: transparent;
  border-color: #e62154;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.u-datepicker--v2 .ui-datepicker-calendar th a,
.u-datepicker--v2 .ui-datepicker-calendar th span {
  font-size: 0.85714rem;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

.u-datepicker--v2 .ui-datepicker-calendar td a,
.u-datepicker--v2 .ui-datepicker-calendar td span {
  font-size: 1rem;
}

@media (min-width: 768px) {
  .u-datepicker--v2 .ui-datepicker-title {
    height: 3.21429rem;
    line-height: 3.21429rem;
    font-size: 1.14286rem;
    margin-left: 3.21429rem;
    margin-right: 3.21429rem;
  }
  .u-datepicker--v2 .ui-datepicker-prev,
  .u-datepicker--v2 .ui-datepicker-next {
    width: 3.21429rem;
    height: 3.21429rem;
    line-height: 3.21429rem;
  }
  .u-datepicker--v2 .ui-datepicker-prev > span,
  .u-datepicker--v2 .ui-datepicker-next > span {
    font-size: 1.28571rem;
  }
  .u-datepicker--v2 .ui-datepicker-calendar th span,
  .u-datepicker--v2 .ui-datepicker-calendar th a,
  .u-datepicker--v2 .ui-datepicker-calendar td span,
  .u-datepicker--v2 .ui-datepicker-calendar td a {
    width: 2.57143rem;
    height: 2.57143rem;
    line-height: 2.42857rem;
  }
  .u-datepicker--v2 .ui-datepicker-calendar th a,
  .u-datepicker--v2 .ui-datepicker-calendar th span {
    font-size: 1rem;
  }
  .u-datepicker--v2 .ui-datepicker-calendar td a,
  .u-datepicker--v2 .ui-datepicker-calendar td span {
    font-size: 1.14286rem;
  }
}

/*------------------------------------
  Datepicker v3
------------------------------------*/
.u-datepicker--v3 {
  position: relative;
  display: inline-block;
}

.u-datepicker--v3 input {
  width: 100% !important;
  color: #53585e;
  border: none;
}

.u-datepicker--v3 .flatpickr-calendar {
  width: auto;
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.u-datepicker--v3 .flatpickr-calendar::before, .u-datepicker--v3 .flatpickr-calendar::after {
  display: none;
}

.u-datepicker--v3 .flatpickr-calendar.arrowTop {
  top: 100% !important;
  margin-top: 10px;
}

.u-datepicker--v3 .flatpickr-calendar.arrowBottom {
  top: auto !important;
  bottom: 100% !important;
  margin-bottom: 10px;
}

.u-datepicker--v3 .flatpickr-month {
  height: 22px;
  fill: #666b6e;
  margin-bottom: 24px;
}

.u-datepicker--v3 .flatpickr-weekdays {
  height: 22px;
  margin-bottom: 20px;
}

.u-datepicker--v3 .flatpickr-current-month {
  top: 0;
  font-size: 1rem;
  line-height: 1.6;
  padding: 0;
}

.u-datepicker--v3 .flatpickr-current-month span.cur-month {
  font-weight: 400;
  font-size: 1rem;
  color: #53585e;
  margin-left: 0;
}

.u-datepicker--v3 .flatpickr-current-month span.cur-month:hover {
  background-color: transparent;
}

.u-datepicker--v3 .flatpickr-current-month input.cur-year {
  font-weight: 400;
}

.u-datepicker--v3 .flatpickr-prev-month,
.u-datepicker--v3 .flatpickr-next-month {
  top: 50%;
  height: auto;
  line-height: 0;
  padding: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.u-datepicker--v3 .flatpickr-prev-month:hover svg,
.u-datepicker--v3 .flatpickr-next-month:hover svg {
  fill: #1cc9e4;
}

.u-datepicker--v3 .numInputWrapper span.arrowUp,
.u-datepicker--v3 .numInputWrapper span.arrowDown {
  display: none;
}

.u-datepicker--v3 .numInputWrapper:hover {
  background-color: transparent;
}

.u-datepicker--v3 span.flatpickr-weekday {
  font-weight: 400;
  font-size: 1rem;
  color: #000;
  text-transform: uppercase;
}

.u-datepicker--v3 .flatpickr-day {
  font-weight: 400;
  font-size: 1rem;
  color: #000;
  margin: 1px 0;
}

.u-datepicker--v3 .flatpickr-day.disabled, .u-datepicker--v3 .flatpickr-day.disabled:hover, .u-datepicker--v3 .flatpickr-day.prevMonthDay, .u-datepicker--v3 .flatpickr-day.nextMonthDay, .u-datepicker--v3 .flatpickr-day.notAllowed, .u-datepicker--v3 .flatpickr-day.notAllowed.prevMonthDay, .u-datepicker--v3 .flatpickr-day.notAllowed.nextMonthDay {
  color: #8c8f92;
}

.u-datepicker--v3 .flatpickr-day.inRange, .u-datepicker--v3 .flatpickr-day.prevMonthDay.inRange, .u-datepicker--v3 .flatpickr-day.nextMonthDay.inRange, .u-datepicker--v3 .flatpickr-day.today.inRange, .u-datepicker--v3 .flatpickr-day.prevMonthDay.today.inRange, .u-datepicker--v3 .flatpickr-day.nextMonthDay.today.inRange, .u-datepicker--v3 .flatpickr-day:hover, .u-datepicker--v3 .flatpickr-day.prevMonthDay:hover, .u-datepicker--v3 .flatpickr-day.nextMonthDay:hover, .u-datepicker--v3 .flatpickr-day:focus, .u-datepicker--v3 .flatpickr-day.prevMonthDay:focus, .u-datepicker--v3 .flatpickr-day.nextMonthDay:focus {
  background-color: #f5f9f9;
  border-color: #f5f9f9;
}

.u-datepicker--v3 .flatpickr-day.inRange {
  -webkit-box-shadow: -5px 0 0 #f5f9f9, 5px 0 0 #f5f9f9;
          box-shadow: -5px 0 0 #f5f9f9, 5px 0 0 #f5f9f9;
}

.u-datepicker--v3 .flatpickr-day.selected, .u-datepicker--v3 .flatpickr-day.startRange, .u-datepicker--v3 .flatpickr-day.endRange, .u-datepicker--v3 .flatpickr-day.selected.inRange, .u-datepicker--v3 .flatpickr-day.startRange.inRange, .u-datepicker--v3 .flatpickr-day.endRange.inRange, .u-datepicker--v3 .flatpickr-day.selected:focus, .u-datepicker--v3 .flatpickr-day.startRange:focus, .u-datepicker--v3 .flatpickr-day.endRange:focus, .u-datepicker--v3 .flatpickr-day.selected:hover, .u-datepicker--v3 .flatpickr-day.startRange:hover, .u-datepicker--v3 .flatpickr-day.endRange:hover, .u-datepicker--v3 .flatpickr-day.selected.prevMonthDay, .u-datepicker--v3 .flatpickr-day.startRange.prevMonthDay, .u-datepicker--v3 .flatpickr-day.endRange.prevMonthDay, .u-datepicker--v3 .flatpickr-day.selected.nextMonthDay, .u-datepicker--v3 .flatpickr-day.startRange.nextMonthDay, .u-datepicker--v3 .flatpickr-day.endRange.nextMonthDay {
  background-color: #fff;
  color: #000;
  border-color: #e62154;
  border-radius: 50%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.u-datepicker--v3 .flatpickr-day.inRange:first-child, .u-datepicker--v3 .flatpickr-day.inRange:nth-child(8), .u-datepicker--v3 .flatpickr-day.inRange:nth-child(15), .u-datepicker--v3 .flatpickr-day.inRange:nth-child(22), .u-datepicker--v3 .flatpickr-day.inRange:nth-child(29), .u-datepicker--v3 .flatpickr-day.inRange:nth-child(36) {
  border-radius: 50% 0 0 50%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.u-datepicker--v3 .flatpickr-day.inRange:nth-child(7n) {
  border-radius: 0 50% 50% 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.u-datepicker--v3 .flatpickr-day.startRange::after, .u-datepicker--v3 .flatpickr-day.endRange::before {
  content: "";
  position: absolute;
  top: -1px;
  z-index: -1;
  display: block;
  width: calc(50% + 2px);
  height: calc(100% + 1px);
  background-color: #f5f9f9;
}

.u-datepicker--v3 .flatpickr-day.startRange::after {
  right: -1px;
}

.u-datepicker--v3 .flatpickr-day.endRange::before {
  left: -1px;
}

.u-datepicker-right .flatpickr-calendar {
  left: auto !important;
  right: 0 !important;
}

.u-datepicker-left .flatpickr-calendar {
  left: 0 !important;
}

/*------------------------------------
  Sliders
------------------------------------*/
/*------------------------------------
  Slider v3
------------------------------------*/
.u-slider--v3.ui-slider {
  position: relative;
  height: 0.71429rem;
  background: #eee;
  border: none;
  border-radius: 5px;
  margin-top: 0.85714rem;
  margin-left: 0.42857rem;
  margin-right: 0.42857rem;
}

.u-slider--v3.ui-slider .ui-slider-range {
  height: 100%;
  border-radius: 5px;
}

.u-slider--v3.ui-slider .ui-slider-handle {
  position: absolute;
  top: 50%;
  border: none;
  outline: none;
  background: #fff;
  width: 1.42857rem;
  height: 1.42857rem;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  margin-top: -0.71429rem;
  margin-left: -0.71429rem;
  -webkit-transition-property: border-color;
  -o-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
}

.u-slider--v3.ui-slider .ui-slider-range {
  background: -webkit-gradient(linear, left top, right top, from(#25cce6), to(#1d75e5));
  background: -o-linear-gradient(left, #25cce6 0%, #1d75e5 100%);
  background: linear-gradient(90deg, #25cce6 0%, #1d75e5 100%);
}

.u-slider--v3.ui-slider.ui-slider-content {
  background: #f7f7f7;
}

/*------------------------------------
  Checkboxes
------------------------------------*/
/*------------------------------------
  Checkboxes v8 Sizes
------------------------------------*/
.u-check .u-check-icon--md {
  width: 46px;
  height: 26px;
  border-radius: 13px;
}

.u-check .u-check-icon--md i::before {
  height: 26px;
  line-height: 22px;
}

.u-check .u-check-icon--md i::after {
  left: 4px;
  width: 20px;
  height: 20px;
}

.u-check input[type="checkbox"]:checked + .u-check-icon--md i::after,
.u-check input[type="checkbox"]:checked + * .u-check-icon--md i::after,
.u-check input[type="radio"]:checked + .u-check-icon--md i::after,
.u-check input[type="radio"]:checked + * .u-check-icon--md i::after {
  left: calc(100% - 23px);
}

/*------------------------------------
  Checkboxes Themes
------------------------------------*/
.u-check input[type="checkbox"]:checked + .u-check-icon--lightblue-v3,
.u-check input[type="checkbox"]:checked + * .u-check-icon--lightblue-v3,
.u-check input[type="radio"]:checked + .u-check-icon--lightblue-v3,
.u-check input[type="radio"]:checked + * .u-check-icon--lightblue-v3 {
  color: #1cc9e4;
  border-color: #e1eaea;
}

.u-check input[type="checkbox"]:checked + .u-check-icon--lightblue-v3 i::after,
.u-check input[type="checkbox"]:checked + * .u-check-icon--lightblue-v3 i::after,
.u-check input[type="radio"]:checked + .u-check-icon--lightblue-v3 i::after,
.u-check input[type="radio"]:checked + * .u-check-icon--lightblue-v3 i::after {
  background-color: #1cc9e4;
}

.u-check.disabled {
  cursor: not-allowed;
  opacity: .5;
}

/*------------------------------------
  Quantity v2
------------------------------------*/
.u-quantity--v2 {
  overflow: hidden;
  border: 1px solid;
}

.u-quantity--v2 .input-group-addon {
  min-width: auto;
  text-align: center;
  border: none;
}

.u-quantity--v2 input {
  background-color: #fff;
  text-align: center;
  border: none;
}

/*------------------------------------
  Success states
------------------------------------*/
/*------------------------------------
  Success state v1-2
------------------------------------*/
.u-has-success-v1-2 {
  position: relative;
}

.u-has-success-v1-2 .form-control,
.u-has-success-v1-2 .input-group-addon,
.u-has-success-v1-2 [class*="u-select"] {
  background-color: #f0fff0;
  border-color: #e62154;
}

.u-has-success-v1-2 .form-control[readonly],
.u-has-success-v1-2 .input-group-addon[readonly],
.u-has-success-v1-2 [class*="u-select"][readonly] {
  background-color: #f0fff0;
}

.u-has-success-v1-2 .form-control-feedback {
  color: #e62154;
}

.u-has-success-v1-2 [class*="u-check-icon"] {
  color: #f0fff0;
  background-color: #f0fff0;
  border-radius: 50%;
}

.u-has-success-v1-2 [class*="u-check-icon"] i {
  color: rgba(230, 33, 84, 0.2);
}

.u-has-success-v1-2 .input-group-addon,
.u-has-success-v1-2 .input-group-addon:last-child,
.u-has-success-v1-2 .chosen-single div b {
  color: #e62154;
}

.u-has-success-v1-2 .input-group-addon,
.u-has-success-v1-2 .input-group-addon:last-child {
  color: #fff;
  background-color: #e62154;
}

.u-has-success-v1-2 .form-control-feedback::before {
  content: "";
  position: absolute;
  bottom: -3px;
  right: 18px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  border-color: #e62154 transparent transparent transparent;
}

/*------------------------------------
  Error states
------------------------------------*/
/*------------------------------------
  Error state v3
------------------------------------*/
.u-has-error-v3 label.error {
  display: none !important;
}

.table-responsive {
  overflow: hidden;
  overflow-x: auto;
}

@media (min-width: 768px) {
  .media-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .media-body-md {
    -ms-flex: 1;
    -webkit-box-flex: 1;
            flex: 1;
  }
}

@media (min-width: 992px) {
  .table-responsive {
    overflow: visible;
    overflow-x: visible;
  }
}

/*------------------------------------
  Bootstrap Select
------------------------------------*/
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
}

.bootstrap-select .dropdown-menu.inner {
  display: block;
}

.bootstrap-select .dropdown-menu.inner::after {
  content: "";
  display: none;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  vertical-align: middle;
  float: none;
}

/*------------------------------------
  Bootstrap Tagsinput
------------------------------------*/
.tt-menu {
  background-color: #fff;
  border: 1px solid #bac9c9;
  border-radius: 0.28571rem;
}

.tt-suggestion {
  padding: 0.21429rem 0.57143rem;
}

.tt-suggestion.tt-cursor {
  background-color: #1cc9e4;
  color: #fff;
}

.tt-suggestion + .tt-suggestion {
  border-bottom: 1px solid #bac9c9;
}

.tt-suggestion + .tt-suggestion.tt-cursor {
  border-bottom: #1cc9e4;
}

/*------------------------------------
  Fancybox
------------------------------------*/
.fancybox-enabled .ui-datepicker {
  z-index: 100000 !important;
}

/*------------------------------------
  Noty
------------------------------------*/
#noty_layout__topRight,
#noty_layout__bottomRight,
#noty_layout__bottomLeft,
#noty_layout__topLeft,
#noty_layout__topCenter,
#noty_layout__bottomCenter {
  width: 380px;
}

#noty_layout__topFullWidth,
#noty_layout__bottomFullWidth {
  position: fixed;
  z-index: 9999999;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-filter: blur(0);
          filter: blur(0);
}

#noty_layout__topFullWidth {
  top: 0;
  left: 0;
}

#noty_layout__bottomFullWidth {
  bottom: 0;
  left: 0;
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  opacity: 1;
}

.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
  display: none;
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: normal;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  background-image: none;
}

table.dataTable.no-footer {
  border-bottom: none;
}

/*------------------------------------
  Globals
------------------------------------*/
[aria-labelledby] {
  opacity: 0;
}

[aria-labelledby][role="tabpanel"], [aria-labelledby].u-dropdown--css-animation, [aria-labelledby].u-dropdown--jquery-slide {
  opacity: 1;
}

tbody[role="tablist"]:not([data-tabs-mobile-type="slide-up-down"]):not([data-tabs-mobile-type="accordion"]):not([data-scroll]) {
  display: table-row-group;
}

.responsive-table {
  overflow-x: hidden;
}

/*------------------------------------
  Background Colors
------------------------------------*/
.g-bg {
  /* Gray Background Colors */
  /* Lightblue Background Colors */
  /* Darkblue Background Colors */
  /* Teal Background Colors */
  /* Lightred Background Colors */
  /* Pink Background Colors */
  /* Lightbrown Background Colors */
  /* Lightyellow Background Colors */
  /* Dropbox Background Colors */
}

.g-bg-gray-light-v6 {
  background-color: #bac9c9 !important;
}

.g-bg-gray-light-v7 {
  background-color: #e1eaea !important;
}

input:checked + .g-parent .g-bg-gray-light-v7--parent-sibling-checked {
  background-color: #e1eaea !important;
}

.g-bg-gray-light-v8 {
  background-color: #f5f9f9 !important;
}

.g-bg-gray-light-v8--hover:hover {
  background-color: #f5f9f9 !important;
}

.g-bg-gray-light-v8--active.active {
  background-color: #f5f9f9 !important;
}

.g-bg-gray-light-v8--disabled:disabled {
  background-color: #f5f9f9 !important;
}

input:checked + .g-bg-gray-light-v8--sibling-checked {
  background-color: #f5f9f9 !important;
}

.g-bg-gray-light-v8--opacity-0_2 {
  background-color: rgba(245, 249, 249, 0.2) !important;
}

.g-bg-gray-light-v8--opacity-0_4 {
  background-color: rgba(245, 249, 249, 0.4) !important;
}

.g-bg-gray-light-v8--opacity-0_4--checked.checked {
  background-color: rgba(245, 249, 249, 0.4) !important;
}

.g-bg-gray-light-v9 {
  background-color: #d4dade !important;
}

.g-bg-gray-light-v12 {
  background-color: #f1f5f5 !important;
}

.g-bg-gray-dark-v6 {
  background-color: #53585e !important;
}

.g-bg-gray-dark-v7 {
  background-color: #8c8f92 !important;
}

.g-bg-gray-dark-v8 {
  background-color: #6d7c9f !important;
}

.g-bg-gray-dark-v9 {
  background-color: #bfcece !important;
}

.g-bg-gray-dark-v10 {
  background-color: #666b6e !important;
}

.g-bg-lightblue-v2 {
  background-color: #7484a8 !important;
}

.g-bg-lightblue-v3 {
  background-color: #1cc9e4 !important;
}

.g-bg-lightblue-v3--hover:hover {
  background-color: #1cc9e4 !important;
}

.g-bg-lightblue-v3--active.active {
  background-color: #1cc9e4 !important;
}

input[type="checkbox"]:checked + .g-bg-lightblue-v3--checked,
input[type="radio"]:checked + .g-bg-lightblue-v3--checked {
  background-color: #1cc9e4 !important;
}

input[type="checkbox"]:checked + .g-bg-lightblue-v3--checked i,
input[type="radio"]:checked + .g-bg-lightblue-v3--checked i {
  background-color: #1cc9e4 !important;
}

input[type="checkbox"]:checked + * .g-bg-lightblue-v3--parent-checked,
input[type="radio"]:checked + * .g-bg-lightblue-v3--parent-checked {
  background-color: #1cc9e4 !important;
}

.g-parent:hover .g-bg-lightblue-v3--parent-hover {
  background-color: #1cc9e4 !important;
}

.g-bg-lightblue-v4 {
  background-color: #3dd1e8 !important;
}

.g-parent:hover .g-bg-lightblue-v4--parent-hover {
  background-color: #3dd1e8 !important;
}

input[type="checkbox"]:checked + .g-bg-lightblue-v4--checked,
input[type="radio"]:checked + .g-bg-lightblue-v4--checked {
  background-color: #1cc9e4 !important;
}

.g-bg-lightblue-v5 {
  background-color: #13b2ca !important;
}

.g-bg-lightblue-v6 {
  background-color: #dbf4f4 !important;
}

.g-bg-lightblue-v10 {
  background-color: #dae4eb !important;
}

.g-bg-lightblue-v10-opacity-0_5 {
  background-color: rgba(218, 228, 235, 0.5) !important;
}

.g-bg-darkblue-v2 {
  background-color: #1d75e5 !important;
}

.g-bg-darkblue-v3 {
  background-color: #222e44 !important;
}

.g-bg-darkblue-v3--hover:hover {
  background-color: #222e44 !important;
}

.g-bg-darkblue-v4 {
  background-color: #2e3c56 !important;
}

.g-bg-darkblue-v5 {
  background-color: #8294b9 !important;
}

.g-bg-darkblue-v6 {
  background-color: #4b5770 !important;
}

.g-bg-darkblue-v7 {
  background-color: #1d9be5 !important;
}

.g-bg-teal-v2 {
  background-color: #15d3b2 !important;
}

.g-bg-lightred-v2 {
  background-color: #e62154 !important;
}

.g-bg-lightred-v3 {
  background-color: #e12254 !important;
}

.g-bg-pink-v2 {
  background-color: #fdd3de !important;
}

.g-bg-lightbrown {
  background-color: #e6a821 !important;
}

.g-bg-lightyellow {
  background-color: #e7d90f !important;
}

.g-bg-dropbox {
  background-color: #0f82e2 !important;
}

/*------------------------------------
  Colors
------------------------------------*/
.g-color {
  /* Gray Colors */
  /* Lightblue Colors */
  /* Darkblue Colors */
  /* Teal Colors */
  /* Green Colors */
  /* Lightred Colors */
  /* Pink Colors */
  /* Lightbrown Colors */
  /* Lightyellow Colors */
  /* Dropbox Colors */
}

.g-color-gray-light-v6 {
  color: #bac9c9 !important;
}

.g-color-gray-light-v6--hover:hover, .g-color-gray-light-v6--focus:focus, .g-color-gray-light-v6--disabled:disabled, .g-color-gray-light-v6--active.active, .g-color-gray-light-v6--opened[aria-expanded="true"] {
  color: #bac9c9 !important;
}

input[type="checkbox"]:checked + .g-color-gray-light-v6--checked,
input[type="checkbox"]:checked + * + .g-color-gray-light-v6--checked {
  color: #bac9c9 !important;
}

.g-parent:hover .g-color-gray-light-v6--parent-hover {
  color: #bac9c9 !important;
}

.g-parent.active .g-color-gray-light-v6--parent-active {
  color: #bac9c9 !important;
}

.u-sibling.opened + .g-color-gray-light-v6--sibling-opened {
  color: #bac9c9 !important;
}

.g-color-gray-light-v7 {
  color: #e1eaea !important;
}

.g-color-gray-light-v7--hover:hover, .g-color-gray-light-v7--focus:focus, .g-color-gray-light-v7--disabled:disabled, .g-color-gray-light-v7--active.active, .g-color-gray-light-v7--opened[aria-expanded="true"] {
  color: #e1eaea !important;
}

input[type="checkbox"]:checked + .g-color-gray-light-v7--checked,
input[type="checkbox"]:checked + * + .g-color-gray-light-v7--checked {
  color: #e1eaea !important;
}

.g-parent:hover .g-color-gray-light-v7--parent-hover {
  color: #e1eaea !important;
}

.g-parent.active .g-color-gray-light-v7--parent-active {
  color: #e1eaea !important;
}

.u-sibling.opened + .g-color-gray-light-v7--sibling-opened {
  color: #e1eaea !important;
}

.g-color-gray-light-v8 {
  color: #f5f9f9 !important;
}

.g-color-gray-light-v8--hover:hover, .g-color-gray-light-v8--focus:focus, .g-color-gray-light-v8--disabled:disabled, .g-color-gray-light-v8--active.active, .g-color-gray-light-v8--opened[aria-expanded="true"] {
  color: #f5f9f9 !important;
}

input[type="checkbox"]:checked + .g-color-gray-light-v8--checked,
input[type="checkbox"]:checked + * + .g-color-gray-light-v8--checked {
  color: #f5f9f9 !important;
}

.g-parent:hover .g-color-gray-light-v8--parent-hover {
  color: #f5f9f9 !important;
}

.g-parent.active .g-color-gray-light-v8--parent-active {
  color: #f5f9f9 !important;
}

.u-sibling.opened + .g-color-gray-light-v8--sibling-opened {
  color: #f5f9f9 !important;
}

.g-color-gray-light-v9 {
  color: #d4dade !important;
}

.g-color-gray-light-v9--hover:hover, .g-color-gray-light-v9--focus:focus, .g-color-gray-light-v9--disabled:disabled, .g-color-gray-light-v9--active.active, .g-color-gray-light-v9--opened[aria-expanded="true"] {
  color: #d4dade !important;
}

input[type="checkbox"]:checked + .g-color-gray-light-v9--checked,
input[type="checkbox"]:checked + * + .g-color-gray-light-v9--checked {
  color: #d4dade !important;
}

.g-parent:hover .g-color-gray-light-v9--parent-hover {
  color: #d4dade !important;
}

.g-parent.active .g-color-gray-light-v9--parent-active {
  color: #d4dade !important;
}

.u-sibling.opened + .g-color-gray-light-v9--sibling-opened {
  color: #d4dade !important;
}

.g-color-gray-light-v11 {
  color: #acbdbd !important;
}

.g-color-gray-light-v11--hover:hover, .g-color-gray-light-v11--focus:focus, .g-color-gray-light-v11--disabled:disabled, .g-color-gray-light-v11--active.active, .g-color-gray-light-v11--opened[aria-expanded="true"] {
  color: #acbdbd !important;
}

input[type="checkbox"]:checked + .g-color-gray-light-v11--checked,
input[type="checkbox"]:checked + * + .g-color-gray-light-v11--checked {
  color: #acbdbd !important;
}

.g-parent:hover .g-color-gray-light-v11--parent-hover {
  color: #acbdbd !important;
}

.g-parent.active .g-color-gray-light-v11--parent-active {
  color: #acbdbd !important;
}

.u-sibling.opened + .g-color-gray-light-v11--sibling-opened {
  color: #acbdbd !important;
}

.g-color-gray-dark-v6 {
  color: #53585e !important;
}

.g-color-gray-dark-v6--hover:hover, .g-color-gray-dark-v6--focus:focus, .g-color-gray-dark-v6--disabled:disabled, .g-color-gray-dark-v6--active.active, .g-color-gray-dark-v6--opened[aria-expanded="true"] {
  color: #53585e !important;
}

input[type="checkbox"]:checked + .g-color-gray-dark-v6--checked,
input[type="checkbox"]:checked + * + .g-color-gray-dark-v6--checked {
  color: #53585e !important;
}

.g-parent:hover .g-color-gray-dark-v6--parent-hover {
  color: #53585e !important;
}

.g-parent.active .g-color-gray-dark-v6--parent-active {
  color: #53585e !important;
}

.u-sibling.opened + .g-color-gray-dark-v6--sibling-opened {
  color: #53585e !important;
}

.g-color-gray-dark-v7 {
  color: #8c8f92 !important;
}

.g-color-gray-dark-v7--hover:hover, .g-color-gray-dark-v7--focus:focus, .g-color-gray-dark-v7--disabled:disabled, .g-color-gray-dark-v7--active.active, .g-color-gray-dark-v7--opened[aria-expanded="true"] {
  color: #8c8f92 !important;
}

input[type="checkbox"]:checked + .g-color-gray-dark-v7--checked,
input[type="checkbox"]:checked + * + .g-color-gray-dark-v7--checked {
  color: #8c8f92 !important;
}

.g-parent:hover .g-color-gray-dark-v7--parent-hover {
  color: #8c8f92 !important;
}

.g-parent.active .g-color-gray-dark-v7--parent-active {
  color: #8c8f92 !important;
}

.u-sibling.opened + .g-color-gray-dark-v7--sibling-opened {
  color: #8c8f92 !important;
}

.g-color-gray-dark-v8 {
  color: #6d7c9f !important;
}

.g-color-gray-dark-v8--hover:hover, .g-color-gray-dark-v8--focus:focus, .g-color-gray-dark-v8--disabled:disabled, .g-color-gray-dark-v8--active.active, .g-color-gray-dark-v8--opened[aria-expanded="true"] {
  color: #6d7c9f !important;
}

input[type="checkbox"]:checked + .g-color-gray-dark-v8--checked,
input[type="checkbox"]:checked + * + .g-color-gray-dark-v8--checked {
  color: #6d7c9f !important;
}

.g-parent:hover .g-color-gray-dark-v8--parent-hover {
  color: #6d7c9f !important;
}

.g-parent.active .g-color-gray-dark-v8--parent-active {
  color: #6d7c9f !important;
}

.u-sibling.opened + .g-color-gray-dark-v8--sibling-opened {
  color: #6d7c9f !important;
}

.g-color-gray-dark-v9 {
  color: #bfcece !important;
}

.g-color-gray-dark-v9--hover:hover, .g-color-gray-dark-v9--focus:focus, .g-color-gray-dark-v9--disabled:disabled, .g-color-gray-dark-v9--active.active, .g-color-gray-dark-v9--opened[aria-expanded="true"] {
  color: #bfcece !important;
}

input[type="checkbox"]:checked + .g-color-gray-dark-v9--checked,
input[type="checkbox"]:checked + * + .g-color-gray-dark-v9--checked {
  color: #bfcece !important;
}

.g-parent:hover .g-color-gray-dark-v9--parent-hover {
  color: #bfcece !important;
}

.g-parent.active .g-color-gray-dark-v9--parent-active {
  color: #bfcece !important;
}

.u-sibling.opened + .g-color-gray-dark-v9--sibling-opened {
  color: #bfcece !important;
}

.g-color-gray-dark-v10 {
  color: #666b6e !important;
}

.g-color-gray-dark-v10--hover:hover, .g-color-gray-dark-v10--focus:focus, .g-color-gray-dark-v10--disabled:disabled, .g-color-gray-dark-v10--active.active, .g-color-gray-dark-v10--opened[aria-expanded="true"] {
  color: #666b6e !important;
}

input[type="checkbox"]:checked + .g-color-gray-dark-v10--checked,
input[type="checkbox"]:checked + * + .g-color-gray-dark-v10--checked {
  color: #666b6e !important;
}

.g-parent:hover .g-color-gray-dark-v10--parent-hover {
  color: #666b6e !important;
}

.g-parent.active .g-color-gray-dark-v10--parent-active {
  color: #666b6e !important;
}

.u-sibling.opened + .g-color-gray-dark-v10--sibling-opened {
  color: #666b6e !important;
}

.g-color-gray-dark-v11 {
  color: #41464B !important;
}

.g-color-gray-dark-v11--hover:hover, .g-color-gray-dark-v11--focus:focus, .g-color-gray-dark-v11--disabled:disabled, .g-color-gray-dark-v11--active.active, .g-color-gray-dark-v11--opened[aria-expanded="true"] {
  color: #41464B !important;
}

input[type="checkbox"]:checked + .g-color-gray-dark-v11--checked,
input[type="checkbox"]:checked + * + .g-color-gray-dark-v11--checked {
  color: #41464B !important;
}

.g-parent:hover .g-color-gray-dark-v11--parent-hover {
  color: #41464B !important;
}

.g-parent.active .g-color-gray-dark-v11--parent-active {
  color: #41464B !important;
}

.u-sibling.opened + .g-color-gray-dark-v11--sibling-opened {
  color: #41464B !important;
}

.g-color-gray-dark-v12 {
  color: #797c80 !important;
}

.g-color-gray-dark-v12--hover:hover, .g-color-gray-dark-v12--focus:focus, .g-color-gray-dark-v12--disabled:disabled, .g-color-gray-dark-v12--active.active, .g-color-gray-dark-v12--opened[aria-expanded="true"] {
  color: #797c80 !important;
}

input[type="checkbox"]:checked + .g-color-gray-dark-v12--checked,
input[type="checkbox"]:checked + * + .g-color-gray-dark-v12--checked {
  color: #797c80 !important;
}

.g-parent:hover .g-color-gray-dark-v12--parent-hover {
  color: #797c80 !important;
}

.g-parent.active .g-color-gray-dark-v12--parent-active {
  color: #797c80 !important;
}

.u-sibling.opened + .g-color-gray-dark-v12--sibling-opened {
  color: #797c80 !important;
}

.g-color-lightblue-v2 {
  color: #7484a8 !important;
}

.g-color-lightblue-v2--hover:hover, .g-color-lightblue-v2--focus:focus, .g-color-lightblue-v2--disabled:disabled, .g-color-lightblue-v2--active.active, .g-color-lightblue-v2--opened[aria-expanded="true"] {
  color: #7484a8 !important;
}

input[type="checkbox"]:checked + .g-color-lightblue-v2--checked,
input[type="checkbox"]:checked + * + .g-color-lightblue-v2--checked {
  color: #7484a8 !important;
}

.g-parent:hover .g-color-lightblue-v2--parent-hover {
  color: #7484a8 !important;
}

.g-parent.active .g-color-lightblue-v2--parent-active {
  color: #7484a8 !important;
}

.u-sibling.opened + .g-color-lightblue-v2--sibling-opened {
  color: #7484a8 !important;
}

.g-color-lightblue-v3 {
  color: #1cc9e4 !important;
}

.g-color-lightblue-v3--hover:hover, .g-color-lightblue-v3--focus:focus, .g-color-lightblue-v3--disabled:disabled, .g-color-lightblue-v3--active.active, .g-color-lightblue-v3--opened[aria-expanded="true"] {
  color: #1cc9e4 !important;
}

input[type="checkbox"]:checked + .g-color-lightblue-v3--checked,
input[type="checkbox"]:checked + * + .g-color-lightblue-v3--checked {
  color: #1cc9e4 !important;
}

.g-parent:hover .g-color-lightblue-v3--parent-hover {
  color: #1cc9e4 !important;
}

.g-parent.active .g-color-lightblue-v3--parent-active {
  color: #1cc9e4 !important;
}

.u-sibling.opened + .g-color-lightblue-v3--sibling-opened {
  color: #1cc9e4 !important;
}

.g-color-lightblue-v4 {
  color: #3dd1e8 !important;
}

.g-color-lightblue-v4--hover:hover, .g-color-lightblue-v4--focus:focus, .g-color-lightblue-v4--disabled:disabled, .g-color-lightblue-v4--active.active, .g-color-lightblue-v4--opened[aria-expanded="true"] {
  color: #3dd1e8 !important;
}

input[type="checkbox"]:checked + .g-color-lightblue-v4--checked,
input[type="checkbox"]:checked + * + .g-color-lightblue-v4--checked {
  color: #3dd1e8 !important;
}

.g-parent:hover .g-color-lightblue-v4--parent-hover {
  color: #3dd1e8 !important;
}

.g-parent.active .g-color-lightblue-v4--parent-active {
  color: #3dd1e8 !important;
}

.u-sibling.opened + .g-color-lightblue-v4--sibling-opened {
  color: #3dd1e8 !important;
}

.g-color-lightblue-v5 {
  color: #13b2ca !important;
}

.g-color-lightblue-v5--hover:hover, .g-color-lightblue-v5--focus:focus, .g-color-lightblue-v5--disabled:disabled, .g-color-lightblue-v5--active.active, .g-color-lightblue-v5--opened[aria-expanded="true"] {
  color: #13b2ca !important;
}

input[type="checkbox"]:checked + .g-color-lightblue-v5--checked,
input[type="checkbox"]:checked + * + .g-color-lightblue-v5--checked {
  color: #13b2ca !important;
}

.g-parent:hover .g-color-lightblue-v5--parent-hover {
  color: #13b2ca !important;
}

.g-parent.active .g-color-lightblue-v5--parent-active {
  color: #13b2ca !important;
}

.u-sibling.opened + .g-color-lightblue-v5--sibling-opened {
  color: #13b2ca !important;
}

.g-color-lightblue-v6 {
  color: #dbf4f4 !important;
}

.g-color-lightblue-v6--hover:hover, .g-color-lightblue-v6--focus:focus, .g-color-lightblue-v6--disabled:disabled, .g-color-lightblue-v6--active.active, .g-color-lightblue-v6--opened[aria-expanded="true"] {
  color: #dbf4f4 !important;
}

input[type="checkbox"]:checked + .g-color-lightblue-v6--checked,
input[type="checkbox"]:checked + * + .g-color-lightblue-v6--checked {
  color: #dbf4f4 !important;
}

.g-parent:hover .g-color-lightblue-v6--parent-hover {
  color: #dbf4f4 !important;
}

.g-parent.active .g-color-lightblue-v6--parent-active {
  color: #dbf4f4 !important;
}

.u-sibling.opened + .g-color-lightblue-v6--sibling-opened {
  color: #dbf4f4 !important;
}

.g-color-lightblue-v9 {
  color: #22bfdd !important;
}

.g-color-lightblue-v9--hover:hover, .g-color-lightblue-v9--focus:focus, .g-color-lightblue-v9--disabled:disabled, .g-color-lightblue-v9--active.active, .g-color-lightblue-v9--opened[aria-expanded="true"] {
  color: #22bfdd !important;
}

input[type="checkbox"]:checked + .g-color-lightblue-v9--checked,
input[type="checkbox"]:checked + * + .g-color-lightblue-v9--checked {
  color: #22bfdd !important;
}

.g-parent:hover .g-color-lightblue-v9--parent-hover {
  color: #22bfdd !important;
}

.g-parent.active .g-color-lightblue-v9--parent-active {
  color: #22bfdd !important;
}

.u-sibling.opened + .g-color-lightblue-v9--sibling-opened {
  color: #22bfdd !important;
}

.g-color-darkblue-v2 {
  color: #1d75e5 !important;
}

.g-color-darkblue-v2--hover:hover, .g-color-darkblue-v2--focus:focus, .g-color-darkblue-v2--disabled:disabled, .g-color-darkblue-v2--active.active, .g-color-darkblue-v2--opened[aria-expanded="true"] {
  color: #1d75e5 !important;
}

input[type="checkbox"]:checked + .g-color-darkblue-v2--checked,
input[type="checkbox"]:checked + * + .g-color-darkblue-v2--checked {
  color: #1d75e5 !important;
}

.g-parent:hover .g-color-darkblue-v2--parent-hover {
  color: #1d75e5 !important;
}

.g-parent.active .g-color-darkblue-v2--parent-active {
  color: #1d75e5 !important;
}

.u-sibling.opened + .g-color-darkblue-v2--sibling-opened {
  color: #1d75e5 !important;
}

.g-color-darkblue-v3 {
  color: #222e44 !important;
}

.g-color-darkblue-v3--hover:hover, .g-color-darkblue-v3--focus:focus, .g-color-darkblue-v3--disabled:disabled, .g-color-darkblue-v3--active.active, .g-color-darkblue-v3--opened[aria-expanded="true"] {
  color: #222e44 !important;
}

input[type="checkbox"]:checked + .g-color-darkblue-v3--checked,
input[type="checkbox"]:checked + * + .g-color-darkblue-v3--checked {
  color: #222e44 !important;
}

.g-parent:hover .g-color-darkblue-v3--parent-hover {
  color: #222e44 !important;
}

.g-parent.active .g-color-darkblue-v3--parent-active {
  color: #222e44 !important;
}

.u-sibling.opened + .g-color-darkblue-v3--sibling-opened {
  color: #222e44 !important;
}

.g-color-darkblue-v4 {
  color: #2e3c56 !important;
}

.g-color-darkblue-v4--hover:hover, .g-color-darkblue-v4--focus:focus, .g-color-darkblue-v4--disabled:disabled, .g-color-darkblue-v4--active.active, .g-color-darkblue-v4--opened[aria-expanded="true"] {
  color: #2e3c56 !important;
}

input[type="checkbox"]:checked + .g-color-darkblue-v4--checked,
input[type="checkbox"]:checked + * + .g-color-darkblue-v4--checked {
  color: #2e3c56 !important;
}

.g-parent:hover .g-color-darkblue-v4--parent-hover {
  color: #2e3c56 !important;
}

.g-parent.active .g-color-darkblue-v4--parent-active {
  color: #2e3c56 !important;
}

.u-sibling.opened + .g-color-darkblue-v4--sibling-opened {
  color: #2e3c56 !important;
}

.g-color-darkblue-v5 {
  color: #8294b9 !important;
}

.g-color-darkblue-v5--hover:hover, .g-color-darkblue-v5--focus:focus, .g-color-darkblue-v5--disabled:disabled, .g-color-darkblue-v5--active.active, .g-color-darkblue-v5--opened[aria-expanded="true"] {
  color: #8294b9 !important;
}

input[type="checkbox"]:checked + .g-color-darkblue-v5--checked,
input[type="checkbox"]:checked + * + .g-color-darkblue-v5--checked {
  color: #8294b9 !important;
}

.g-parent:hover .g-color-darkblue-v5--parent-hover {
  color: #8294b9 !important;
}

.g-parent.active .g-color-darkblue-v5--parent-active {
  color: #8294b9 !important;
}

.u-sibling.opened + .g-color-darkblue-v5--sibling-opened {
  color: #8294b9 !important;
}

.g-color-darkblue-v6 {
  color: #4b5770 !important;
}

.g-color-darkblue-v6--hover:hover, .g-color-darkblue-v6--focus:focus, .g-color-darkblue-v6--disabled:disabled, .g-color-darkblue-v6--active.active, .g-color-darkblue-v6--opened[aria-expanded="true"] {
  color: #4b5770 !important;
}

input[type="checkbox"]:checked + .g-color-darkblue-v6--checked,
input[type="checkbox"]:checked + * + .g-color-darkblue-v6--checked {
  color: #4b5770 !important;
}

.g-parent:hover .g-color-darkblue-v6--parent-hover {
  color: #4b5770 !important;
}

.g-parent.active .g-color-darkblue-v6--parent-active {
  color: #4b5770 !important;
}

.u-sibling.opened + .g-color-darkblue-v6--sibling-opened {
  color: #4b5770 !important;
}

.g-color-darkblue-v7 {
  color: #1d9be5 !important;
}

.g-color-darkblue-v7--hover:hover, .g-color-darkblue-v7--focus:focus, .g-color-darkblue-v7--disabled:disabled, .g-color-darkblue-v7--active.active, .g-color-darkblue-v7--opened[aria-expanded="true"] {
  color: #1d9be5 !important;
}

input[type="checkbox"]:checked + .g-color-darkblue-v7--checked,
input[type="checkbox"]:checked + * + .g-color-darkblue-v7--checked {
  color: #1d9be5 !important;
}

.g-parent:hover .g-color-darkblue-v7--parent-hover {
  color: #1d9be5 !important;
}

.g-parent.active .g-color-darkblue-v7--parent-active {
  color: #1d9be5 !important;
}

.u-sibling.opened + .g-color-darkblue-v7--sibling-opened {
  color: #1d9be5 !important;
}

.g-color-darkblue-v8 {
  color: #025bb3 !important;
}

.g-color-darkblue-v8--hover:hover, .g-color-darkblue-v8--focus:focus, .g-color-darkblue-v8--disabled:disabled, .g-color-darkblue-v8--active.active, .g-color-darkblue-v8--opened[aria-expanded="true"] {
  color: #025bb3 !important;
}

input[type="checkbox"]:checked + .g-color-darkblue-v8--checked,
input[type="checkbox"]:checked + * + .g-color-darkblue-v8--checked {
  color: #025bb3 !important;
}

.g-parent:hover .g-color-darkblue-v8--parent-hover {
  color: #025bb3 !important;
}

.g-parent.active .g-color-darkblue-v8--parent-active {
  color: #025bb3 !important;
}

.u-sibling.opened + .g-color-darkblue-v8--sibling-opened {
  color: #025bb3 !important;
}

.g-color-darkblue-v9 {
  color: #195cde !important;
}

.g-color-darkblue-v9--hover:hover, .g-color-darkblue-v9--focus:focus, .g-color-darkblue-v9--disabled:disabled, .g-color-darkblue-v9--active.active, .g-color-darkblue-v9--opened[aria-expanded="true"] {
  color: #195cde !important;
}

input[type="checkbox"]:checked + .g-color-darkblue-v9--checked,
input[type="checkbox"]:checked + * + .g-color-darkblue-v9--checked {
  color: #195cde !important;
}

.g-parent:hover .g-color-darkblue-v9--parent-hover {
  color: #195cde !important;
}

.g-parent.active .g-color-darkblue-v9--parent-active {
  color: #195cde !important;
}

.u-sibling.opened + .g-color-darkblue-v9--sibling-opened {
  color: #195cde !important;
}

.g-color-teal-v2 {
  color: #15d3b2 !important;
}

.g-color-teal-v2--hover:hover, .g-color-teal-v2--focus:focus, .g-color-teal-v2--disabled:disabled, .g-color-teal-v2--active.active, .g-color-teal-v2--opened[aria-expanded="true"] {
  color: #15d3b2 !important;
}

input[type="checkbox"]:checked + .g-color-teal-v2--checked,
input[type="checkbox"]:checked + * + .g-color-teal-v2--checked {
  color: #15d3b2 !important;
}

.g-parent:hover .g-color-teal-v2--parent-hover {
  color: #15d3b2 !important;
}

.g-parent.active .g-color-teal-v2--parent-active {
  color: #15d3b2 !important;
}

.u-sibling.opened + .g-color-teal-v2--sibling-opened {
  color: #15d3b2 !important;
}

.g-color-teal-v3 {
  color: #20cca3 !important;
}

.g-color-teal-v3--hover:hover, .g-color-teal-v3--focus:focus, .g-color-teal-v3--disabled:disabled, .g-color-teal-v3--active.active, .g-color-teal-v3--opened[aria-expanded="true"] {
  color: #20cca3 !important;
}

input[type="checkbox"]:checked + .g-color-teal-v3--checked,
input[type="checkbox"]:checked + * + .g-color-teal-v3--checked {
  color: #20cca3 !important;
}

.g-parent:hover .g-color-teal-v3--parent-hover {
  color: #20cca3 !important;
}

.g-parent.active .g-color-teal-v3--parent-active {
  color: #20cca3 !important;
}

.u-sibling.opened + .g-color-teal-v3--sibling-opened {
  color: #20cca3 !important;
}

.g-color-green-v2 {
  color: #5eb302 !important;
}

.g-color-green-v2--hover:hover, .g-color-green-v2--focus:focus, .g-color-green-v2--disabled:disabled, .g-color-green-v2--active.active, .g-color-green-v2--opened[aria-expanded="true"] {
  color: #5eb302 !important;
}

input[type="checkbox"]:checked + .g-color-green-v2--checked,
input[type="checkbox"]:checked + * + .g-color-green-v2--checked {
  color: #5eb302 !important;
}

.g-parent:hover .g-color-green-v2--parent-hover {
  color: #5eb302 !important;
}

.g-parent.active .g-color-green-v2--parent-active {
  color: #5eb302 !important;
}

.u-sibling.opened + .g-color-green-v2--sibling-opened {
  color: #5eb302 !important;
}

.g-color-lightred-v2 {
  color: #e62154 !important;
}

.g-color-lightred-v2--hover:hover, .g-color-lightred-v2--focus:focus, .g-color-lightred-v2--disabled:disabled, .g-color-lightred-v2--active.active, .g-color-lightred-v2--opened[aria-expanded="true"] {
  color: #e62154 !important;
}

input[type="checkbox"]:checked + .g-color-lightred-v2--checked,
input[type="checkbox"]:checked + * + .g-color-lightred-v2--checked {
  color: #e62154 !important;
}

.g-parent:hover .g-color-lightred-v2--parent-hover {
  color: #e62154 !important;
}

.g-parent.active .g-color-lightred-v2--parent-active {
  color: #e62154 !important;
}

.u-sibling.opened + .g-color-lightred-v2--sibling-opened {
  color: #e62154 !important;
}

.g-color-lightred-v3 {
  color: #e12254 !important;
}

.g-color-lightred-v3--hover:hover, .g-color-lightred-v3--focus:focus, .g-color-lightred-v3--disabled:disabled, .g-color-lightred-v3--active.active, .g-color-lightred-v3--opened[aria-expanded="true"] {
  color: #e12254 !important;
}

input[type="checkbox"]:checked + .g-color-lightred-v3--checked,
input[type="checkbox"]:checked + * + .g-color-lightred-v3--checked {
  color: #e12254 !important;
}

.g-parent:hover .g-color-lightred-v3--parent-hover {
  color: #e12254 !important;
}

.g-parent.active .g-color-lightred-v3--parent-active {
  color: #e12254 !important;
}

.u-sibling.opened + .g-color-lightred-v3--sibling-opened {
  color: #e12254 !important;
}

.g-color-lightred-v4 {
  color: #ff4b00 !important;
}

.g-color-lightred-v4--hover:hover, .g-color-lightred-v4--focus:focus, .g-color-lightred-v4--disabled:disabled, .g-color-lightred-v4--active.active, .g-color-lightred-v4--opened[aria-expanded="true"] {
  color: #ff4b00 !important;
}

input[type="checkbox"]:checked + .g-color-lightred-v4--checked,
input[type="checkbox"]:checked + * + .g-color-lightred-v4--checked {
  color: #ff4b00 !important;
}

.g-parent:hover .g-color-lightred-v4--parent-hover {
  color: #ff4b00 !important;
}

.g-parent.active .g-color-lightred-v4--parent-active {
  color: #ff4b00 !important;
}

.u-sibling.opened + .g-color-lightred-v4--sibling-opened {
  color: #ff4b00 !important;
}

.g-color-lightred-v5 {
  color: #e50000 !important;
}

.g-color-lightred-v5--hover:hover, .g-color-lightred-v5--focus:focus, .g-color-lightred-v5--disabled:disabled, .g-color-lightred-v5--active.active, .g-color-lightred-v5--opened[aria-expanded="true"] {
  color: #e50000 !important;
}

input[type="checkbox"]:checked + .g-color-lightred-v5--checked,
input[type="checkbox"]:checked + * + .g-color-lightred-v5--checked {
  color: #e50000 !important;
}

.g-parent:hover .g-color-lightred-v5--parent-hover {
  color: #e50000 !important;
}

.g-parent.active .g-color-lightred-v5--parent-active {
  color: #e50000 !important;
}

.u-sibling.opened + .g-color-lightred-v5--sibling-opened {
  color: #e50000 !important;
}

.g-color-pink-v2 {
  color: #fdd3de !important;
}

.g-color-pink-v2--hover:hover, .g-color-pink-v2--focus:focus, .g-color-pink-v2--disabled:disabled, .g-color-pink-v2--active.active, .g-color-pink-v2--opened[aria-expanded="true"] {
  color: #fdd3de !important;
}

input[type="checkbox"]:checked + .g-color-pink-v2--checked,
input[type="checkbox"]:checked + * + .g-color-pink-v2--checked {
  color: #fdd3de !important;
}

.g-parent:hover .g-color-pink-v2--parent-hover {
  color: #fdd3de !important;
}

.g-parent.active .g-color-pink-v2--parent-active {
  color: #fdd3de !important;
}

.u-sibling.opened + .g-color-pink-v2--sibling-opened {
  color: #fdd3de !important;
}

.g-color-lightbrown {
  color: #e6a821 !important;
}

.g-color-lightbrown--hover:hover, .g-color-lightbrown--focus:focus, .g-color-lightbrown--disabled:disabled, .g-color-lightbrown--active.active, .g-color-lightbrown--opened[aria-expanded="true"] {
  color: #e6a821 !important;
}

input[type="checkbox"]:checked + .g-color-lightbrown--checked,
input[type="checkbox"]:checked + * + .g-color-lightbrown--checked {
  color: #e6a821 !important;
}

.g-parent:hover .g-color-lightbrown--parent-hover {
  color: #e6a821 !important;
}

.g-parent.active .g-color-lightbrown--parent-active {
  color: #e6a821 !important;
}

.u-sibling.opened + .g-color-lightbrown--sibling-opened {
  color: #e6a821 !important;
}

.g-color-lightyellow {
  color: #e7d90f !important;
}

.g-color-lightyellow--hover:hover, .g-color-lightyellow--focus:focus, .g-color-lightyellow--disabled:disabled, .g-color-lightyellow--active.active, .g-color-lightyellow--opened[aria-expanded="true"] {
  color: #e7d90f !important;
}

input[type="checkbox"]:checked + .g-color-lightyellow--checked,
input[type="checkbox"]:checked + * + .g-color-lightyellow--checked {
  color: #e7d90f !important;
}

.g-parent:hover .g-color-lightyellow--parent-hover {
  color: #e7d90f !important;
}

.g-parent.active .g-color-lightyellow--parent-active {
  color: #e7d90f !important;
}

.u-sibling.opened + .g-color-lightyellow--sibling-opened {
  color: #e7d90f !important;
}

.g-color-dropbox {
  color: #0f82e2 !important;
}

.g-color-dropbox--hover:hover, .g-color-dropbox--focus:focus, .g-color-dropbox--disabled:disabled, .g-color-dropbox--active.active, .g-color-dropbox--opened[aria-expanded="true"] {
  color: #0f82e2 !important;
}

input[type="checkbox"]:checked + .g-color-dropbox--checked,
input[type="checkbox"]:checked + * + .g-color-dropbox--checked {
  color: #0f82e2 !important;
}

.g-parent:hover .g-color-dropbox--parent-hover {
  color: #0f82e2 !important;
}

.g-parent.active .g-color-dropbox--parent-active {
  color: #0f82e2 !important;
}

.u-sibling.opened + .g-color-dropbox--sibling-opened {
  color: #0f82e2 !important;
}

/*------------------------------------
  Border Colors
------------------------------------*/
.g-brd {
  /* Gray Border */
  /* Lightblue Border */
  /* Darkblue Border */
  /* Teal Border */
  /* Lightred Border */
  /* Pink Border */
  /* Lightbrown Border */
  /* Lightyellow Border */
  /* Dropbox Border */
}

.g-brd-gray-light-v6 {
  border-color: #bac9c9 !important;
}

.g-brd-gray-light-v7 {
  border-color: #e1eaea !important;
}

.g-brd-gray-light-v7--before::before {
  border-color: #e1eaea !important;
}

.g-brd-gray-light-v8 {
  border-color: #f5f9f9 !important;
}

.g-brd-gray-light-v9 {
  border-color: #d4dade !important;
}

.g-brd-gray-dark-v6 {
  border-color: #53585e !important;
}

.g-brd-gray-dark-v7 {
  border-color: #8c8f92 !important;
}

.g-brd-gray-dark-v8 {
  border-color: #6d7c9f !important;
}

.g-brd-gray-dark-v9 {
  border-color: #bfcece !important;
}

.g-brd-gray-dark-v10 {
  border-color: #666b6e !important;
}

.g-brd-lightblue-v2 {
  border-color: #7484a8 !important;
}

.g-brd-lightblue-v3 {
  border-color: #1cc9e4 !important;
}

.g-brd-lightblue-v3--hover:hover {
  border-color: #1cc9e4 !important;
}

.g-brd-lightblue-v3--focus:focus {
  border-color: #1cc9e4 !important;
}

.g-brd-lightblue-v3--active:active, .g-brd-lightblue-v3--active.active {
  border-color: #1cc9e4 !important;
}

input[type="checkbox"]:checked + .g-brd-lightblue-v3--checked,
input[type="radio"]:checked + .g-brd-lightblue-v3--checked {
  border-color: #1cc9e4 !important;
}

input[type="checkbox"]:checked + .g-brd-lightblue-v3--checked i,
input[type="radio"]:checked + .g-brd-lightblue-v3--checked i {
  border-color: #1cc9e4 !important;
}

input[type="checkbox"]:checked + * + .g-brd-lightblue-v3--parent-checked,
input[type="radio"]:checked + * + .g-brd-lightblue-v3--parent-checked {
  border-color: #1cc9e4 !important;
}

.g-brd-lightblue-v3--opened[aria-expanded="true"],
[aria-expanded="true"] > .g-brd-lightblue-v3--opened {
  border-color: #1cc9e4 !important;
}

.g-parent:hover .g-brd-lightblue-v3--parent-hover {
  border-color: #1cc9e4 !important;
}

.g-brd-lightblue-v4 {
  border-color: #3dd1e8 !important;
}

.g-brd-lightblue-v5 {
  border-color: #13b2ca !important;
}

.g-brd-lightblue-v6 {
  border-color: #dbf4f4 !important;
}

.g-brd-darkblue-v2 {
  border-color: #1d75e5 !important;
}

.g-brd-darkblue-v3 {
  border-color: #222e44 !important;
}

.g-brd-darkblue-v4 {
  border-color: #2e3c56 !important;
}

.g-brd-darkblue-v5 {
  border-color: #8294b9 !important;
}

.g-brd-darkblue-v6 {
  border-color: #4b5770 !important;
}

.g-brd-darkblue-v7 {
  border-color: #1d9be5 !important;
}

.g-brd-teal-v2 {
  border-color: #15d3b2 !important;
}

.g-brd-lightred-v2 {
  border-color: #e62154 !important;
}

.u-has-error-v3 .g-brd-lightred-v2--error {
  border-color: #e62154 !important;
}

.g-brd-lightred-v3 {
  border-color: #e12254 !important;
}

.g-brd-pink-v2 {
  border-color: #fdd3de !important;
}

[class*="has-error"] .g-brd-pink-v2--error {
  border-color: #fdd3de !important;
}

.g-brd-lightbrown {
  border-color: #e6a821 !important;
}

.g-brd-lightyellow {
  border-color: #e7d90f !important;
}

.g-brd-dropbox {
  border-color: #0f82e2 !important;
}

/*------------------------------------
  Fill Colors
------------------------------------*/
.g-fill-gray-light-v6 path,
.g-fill-gray-light-v6 polygon {
  fill: #bac9c9;
}

.g-fill-gray-light-v7 path,
.g-fill-gray-light-v7 polygon {
  fill: #e1eaea;
}

.g-fill-gray-light-v8 path,
.g-fill-gray-light-v8 polygon {
  fill: #f5f9f9;
}

.g-fill-gray-light-v9 path,
.g-fill-gray-light-v9 polygon {
  fill: #d4dade;
}

.g-fill-gray-dark-v6 path,
.g-fill-gray-dark-v6 polygon {
  fill: #53585e;
}

.g-fill-gray-dark-v7 path,
.g-fill-gray-dark-v7 polygon {
  fill: #8c8f92;
}

.g-fill-gray-dark-v8 path,
.g-fill-gray-dark-v8 polygon {
  fill: #6d7c9f;
}

.g-fill-gray-dark-v9 path,
.g-fill-gray-dark-v9 polygon {
  fill: #bfcece;
}

.g-fill-lightblue-v2 path,
.g-fill-lightblue-v2 polygon {
  fill: #7484a8;
}

.g-fill-lightblue-v3 path,
.g-fill-lightblue-v3 polygon {
  fill: #1cc9e4;
}

.g-fill-darkblue-v2 path,
.g-fill-darkblue-v2 polygon {
  fill: #1d75e5;
}

.g-fill-darkblue-v3 path,
.g-fill-darkblue-v3 polygon {
  fill: #222e44;
}

.g-fill-darkblue-v4 path,
.g-fill-darkblue-v4 polygon {
  fill: #2e3c56;
}

.g-fill-darkblue-v5 path,
.g-fill-darkblue-v5 polygon {
  fill: #8294b9;
}

.g-fill-darkblue-v6 path,
.g-fill-darkblue-v6 polygon {
  fill: #4b5770;
}

.g-fill-white-opacity-0_5 path,
.g-fill-white-opacity-0_5 polygon {
  fill: rgba(255, 255, 255, 0.5);
}

.g-fill-teal-v2 path,
.g-fill-teal-v2 polygon {
  fill: #15d3b2;
}

.g-fill-lightred-v2 path,
.g-fill-lightred-v2 polygon {
  fill: #e62154;
}

.g-fill-lightbrown path,
.g-fill-lightbrown polygon {
  fill: #e6a821;
}

.g-fill-lightyellow path,
.g-fill-lightyellow polygon {
  fill: #e7d90f;
}

/*------------------------------------
  Displays
------------------------------------*/
.g-parent.opened .g-d-none--parent-opened {
  display: none !important;
}

.g-parent.opened .g-d-block--parent-opened {
  display: block !important;
}

/*------------------------------------
  Rounds
------------------------------------*/
.g-rounded-0--top-left {
  border-top-left-radius: 0 !important;
}

.g-rounded-0--top-right {
  border-top-right-radius: 0 !important;
}

.g-rounded-0--bottom-left {
  border-bottom-left-radius: 0 !important;
}

.g-rounded-0--bottom-right {
  border-bottom-right-radius: 0 !important;
}

/*------------------------------------
  Typography Text Decoration
------------------------------------*/
.g-text-strike {
  text-decoration: line-through;
}

input[type="checkbox"]:checked + * + .g-text-strike--checked,
input[type="radio"]:checked + * + .g-text-strike--checked,
input[type="checkbox"]:checked + .g-text-strike--checked,
input[type="radio"]:checked + .g-text-strike--checked {
  text-decoration: line-through;
}

/*------------------------------------
  Text Overflow
------------------------------------*/
.g-text-overflow-ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/*------------------------------------
  Position spaces
------------------------------------*/
.g-top-4 {
  top: 4px !important;
}

.g-top-4--before::before {
  top: 4px !important;
}

.g-top-8 {
  top: 8px !important;
}

.g-top-100x--before::before {
  top: 100% !important;
}

.g-left-0--before::before {
  left: 0 !important;
}

.g-left-3 {
  left: 3px;
}

.g-left-25 {
  left: 25px;
}

.g-left-25--before::before {
  left: 1.78571rem !important;
}

.g-left-50x--before::before {
  left: 50% !important;
}

.g-right-3 {
  right: 3px;
}

/*------------------------------------
  Widths, Max Widths
------------------------------------*/
.g-width-75 {
  width: 5.35714rem !important;
}

.g-width-80 {
  width: 5.71429rem !important;
}

.g-width-145 {
  width: 10.35714rem !important;
}

.g-width-185 {
  width: 13.21429rem !important;
}

.g-width-280 {
  width: 20rem !important;
}

.g-width-320 {
  width: 22.85714rem !important;
}

.g-max-width-380 {
  max-width: 27.14286rem !important;
}

.g-max-width-450 {
  max-width: 32.14286rem !important;
}

@media (min-width: 576px) {
  .g-width-80--sm {
    width: 80px !important;
  }
  .g-width-400--sm {
    width: 400px !important;
  }
}

@media (min-width: 768px) {
  .g-width-48--md {
    width: 48px !important;
  }
  .g-width-50--md {
    width: 50px !important;
  }
  .g-width-55--md {
    width: 55px !important;
  }
  .g-width-145--md {
    width: 10.35714rem !important;
  }
  .g-width-150--md {
    width: 150px !important;
  }
  .g-width-220--md {
    width: 220px !important;
  }
  .g-width-320--md {
    width: 22.85714rem !important;
  }
}

@media (min-width: 992px) {
  .g-width-48--lg {
    width: 48px !important;
  }
  .g-width-55--lg {
    width: 55px !important;
  }
  .g-width-100--lg {
    width: 100px !important;
  }
  .g-width-124--lg {
    width: 124px !important;
  }
  .g-width-130--lg {
    width: 130px !important;
  }
  .g-width-250--lg {
    width: 250px !important;
  }
  .g-width-260--lg {
    width: 260px !important;
  }
  .g-max-width-380--lg {
    width: 380px !important;
  }
  .g-width-400--lg {
    width: 400px !important;
  }
  .g-width-485--lg {
    width: 485px !important;
  }
}

/*------------------------------------
  Heights
------------------------------------*/
.g-height-36 {
  height: 2.57143rem !important;
}

.g-height-38 {
  height: 2.71429rem !important;
}

.g-min-height-65 {
  min-height: 4.64286rem !important;
}

.g-height-230 {
  height: 16.42857rem !important;
}

.g-height-780 {
  height: 55.71429rem !important;
}

.g-height-800 {
  height: 57.14286rem !important;
}

@media (min-width: 768px) {
  .g-height-48--md {
    height: 48px !important;
  }
  .g-height-50--md {
    height: 50px !important;
  }
  .g-height-55--md {
    height: 55px !important;
  }
}

@media (min-width: 992px) {
  .g-height-48--lg {
    height: 48px !important;
  }
  .g-height-55--lg {
    height: 55px !important;
  }
  .g-height-100--lg {
    height: 100px !important;
  }
  .g-height-124--lg {
    height: 124px !important;
  }
  .g-height-130--lg {
    height: 130px !important;
  }
  .g-min-height-200--lg {
    min-height: 200px !important;
  }
  .g-height-350--lg {
    height: 350px !important;
  }
  .g-height-400--lg {
    height: 400px !important;
  }
  .g-height-50vh--lg {
    height: 50vh !important;
  }
  .g-height-59_5vh--lg {
    height: 59.5vh !important;
  }
}

.g-pl-0--child > * {
  padding-left: 0 !important;
}

/* Custom Paddings (md)
------------------------------------*/
@media (min-width: 768px) {
  .g-pa-25-30-0--md {
    padding: 1.78571rem 2.14286rem 0 !important;
  }
  .g-pa-0-30-25--md {
    padding: 0 2.14286rem 1.78571rem !important;
  }
}

/* Margin Left and Right */
.g-mx-minus-8 {
  margin-left: -0.57143rem !important;
  margin-right: -0.57143rem !important;
}

/* Margin Left */
.g-ml-minus-16 {
  margin-left: -1.14286rem !important;
}

.g-ml-55 {
  margin-left: 3.92857rem !important;
}

/* Margin Left */
.g-mr-minus-12 {
  margin-right: -0.85714rem !important;
}

.g-mr-18 {
  margin-right: 1.28571rem !important;
}

@media (min-width: 768px) {
  .g-ml-minus-16--md {
    margin-left: -1.14286rem !important;
  }
  .g-ml-55--md {
    margin-left: 3.92857rem !important;
  }
}

/*------------------------------------
  Opacities
------------------------------------*/
[class*="has-success"] .g-opacity-1--success {
  opacity: 1 !important;
}

[class*="has-error"] .g-opacity-1--error {
  opacity: 1 !important;
}

input:checked + .g-parent .g-opacity-1--parent-sibling-checked {
  opacity: 1 !important;
}

@media (min-width: 576px) {
  .g-opacity-1--sm {
    opacity: 1 !important;
  }
}

/*------------------------------------
  Placeholder
------------------------------------*/
.g-placeholder-gray-light-v11--disabled:disabled::-webkit-input-placeholder {
  opacity: 1;
  color: #acbdbd;
}
.g-placeholder-gray-light-v11--disabled:disabled::-moz-placeholder {
  opacity: 1;
  color: #acbdbd;
}
.g-placeholder-gray-light-v11--disabled:disabled::-ms-input-placeholder {
  opacity: 1;
  color: #acbdbd;
}
.g-placeholder-gray-light-v11--disabled:disabled::placeholder {
  opacity: 1;
  color: #acbdbd;
}

.g-placeholder-gray-light-v11--disabled:disabled::-moz-placeholder {
  opacity: 1;
  color: #acbdbd;
}

.g-placeholder-gray-light-v11--disabled:disabled::-webkit-input-placeholder {
  opacity: 1;
  color: #acbdbd;
}