.sprite-accept-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -513px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-accept-active[disabled], .sprite-accept-active.disabled {
    opacity: .5; }

*:active > .sprite-accept,
*:hover > .sprite-accept {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -513px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-accept-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -513px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-accept,
.btn-icon.btn-outline-primary:hover > .sprite-accept, .btn-icon.btn-outline-default:active > .sprite-accept,
.btn-icon.btn-outline-default:hover > .sprite-accept, .btn-icon.btn-outline-dark:active > .sprite-accept,
.btn-icon.btn-outline-dark:hover > .sprite-accept {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -513px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-accept-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -513px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-accept {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -549px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-accept[disabled], .sprite-accept.disabled {
    opacity: .5; }

.btn-icon .sprite-accept {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -549px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-accept {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -549px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-accordion-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -44px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }
  .sprite-accordion-active[disabled], .sprite-accordion-active.disabled {
    opacity: .5; }

*:active > .sprite-accordion,
*:hover > .sprite-accordion {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -44px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.btn-icon .sprite-accordion-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -44px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.btn-icon.btn-outline-primary:active > .sprite-accordion,
.btn-icon.btn-outline-primary:hover > .sprite-accordion, .btn-icon.btn-outline-default:active > .sprite-accordion,
.btn-icon.btn-outline-default:hover > .sprite-accordion, .btn-icon.btn-outline-dark:active > .sprite-accordion,
.btn-icon.btn-outline-dark:hover > .sprite-accordion {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -44px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.btn-icon-solid:hover .sprite-accordion-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -44px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.sprite-accordion-fill {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -88px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }
  .sprite-accordion-fill[disabled], .sprite-accordion-fill.disabled {
    opacity: .5; }

.btn-icon .sprite-accordion-fill {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -88px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.btn-icon-solid:hover .sprite-accordion-fill {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -88px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.sprite-accordion-sm-close {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-accordion-sm-close[disabled], .sprite-accordion-sm-close.disabled {
    opacity: .5; }

.btn-icon .sprite-accordion-sm-close {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-accordion-sm-close {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-accordion-sm-open {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -110px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-accordion-sm-open[disabled], .sprite-accordion-sm-open.disabled {
    opacity: .5; }

.btn-icon .sprite-accordion-sm-open {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -110px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-accordion-sm-open {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -110px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-accordion {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -132px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }
  .sprite-accordion[disabled], .sprite-accordion.disabled {
    opacity: .5; }

.btn-icon .sprite-accordion {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -132px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.btn-icon-solid:hover .sprite-accordion {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -132px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.sprite-active-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -523px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-active-hover[disabled], .sprite-active-hover.disabled {
    opacity: .5; }

.btn-icon .sprite-active-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -523px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-active-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -523px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -552px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-active[disabled], .sprite-active.disabled {
    opacity: .5; }

.btn-icon .sprite-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -552px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -552px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-add-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }
  .sprite-add-active[disabled], .sprite-add-active.disabled {
    opacity: .5; }

*:active > .sprite-add,
*:hover > .sprite-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon .sprite-add-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon.btn-outline-primary:active > .sprite-add,
.btn-icon.btn-outline-primary:hover > .sprite-add, .btn-icon.btn-outline-default:active > .sprite-add,
.btn-icon.btn-outline-default:hover > .sprite-add, .btn-icon.btn-outline-dark:active > .sprite-add,
.btn-icon.btn-outline-dark:hover > .sprite-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon-solid:hover .sprite-add-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.sprite-add-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -190px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }
  .sprite-add-primary-active[disabled], .sprite-add-primary-active.disabled {
    opacity: .5; }

*:active > .sprite-add-primary,
*:hover > .sprite-add-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -190px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon .sprite-add-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -190px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon.btn-outline-primary:active > .sprite-add-primary,
.btn-icon.btn-outline-primary:hover > .sprite-add-primary, .btn-icon.btn-outline-default:active > .sprite-add-primary,
.btn-icon.btn-outline-default:hover > .sprite-add-primary, .btn-icon.btn-outline-dark:active > .sprite-add-primary,
.btn-icon.btn-outline-dark:hover > .sprite-add-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -190px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon-solid:hover .sprite-add-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -190px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.sprite-add-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -220px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }
  .sprite-add-primary[disabled], .sprite-add-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-add-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -220px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon-solid:hover .sprite-add-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -220px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.sprite-add-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -148px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-add-round[disabled], .sprite-add-round.disabled {
    opacity: .5; }

.btn-icon .sprite-add-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -148px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-add-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -148px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -250px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }
  .sprite-add[disabled], .sprite-add.disabled {
    opacity: .5; }

.btn-icon .sprite-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -250px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon-solid:hover .sprite-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -250px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.sprite-admin-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -123px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }
  .sprite-admin-sm[disabled], .sprite-admin-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-admin-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -123px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.btn-icon-solid:hover .sprite-admin-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -123px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.sprite-administration-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-administration-active[disabled], .sprite-administration-active.disabled {
    opacity: .5; }

*:active > .sprite-administration,
*:hover > .sprite-administration {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon .sprite-administration-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon.btn-outline-primary:active > .sprite-administration,
.btn-icon.btn-outline-primary:hover > .sprite-administration, .btn-icon.btn-outline-default:active > .sprite-administration,
.btn-icon.btn-outline-default:hover > .sprite-administration, .btn-icon.btn-outline-dark:active > .sprite-administration,
.btn-icon.btn-outline-dark:hover > .sprite-administration {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-administration-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-administration {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -289px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-administration[disabled], .sprite-administration.disabled {
    opacity: .5; }

.btn-icon .sprite-administration {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -289px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-administration {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -289px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-ai-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -295px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 21px; }
  .sprite-ai-round[disabled], .sprite-ai-round.disabled {
    opacity: .5; }

.btn-icon .sprite-ai-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -295px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 21px; }

.btn-icon-solid:hover .sprite-ai-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -295px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 21px; }

.sprite-ai-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -617px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }
  .sprite-ai-video[disabled], .sprite-ai-video.disabled {
    opacity: .5; }

.btn-icon .sprite-ai-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -617px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.btn-icon-solid:hover .sprite-ai-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -617px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.sprite-ai {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -739px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 11px; }
  .sprite-ai[disabled], .sprite-ai.disabled {
    opacity: .5; }

.btn-icon .sprite-ai {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -739px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 11px; }

.btn-icon-solid:hover .sprite-ai {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -739px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 11px; }

.sprite-analytics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -377px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-analytics[disabled], .sprite-analytics.disabled {
    opacity: .5; }

.btn-icon .sprite-analytics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -377px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-analytics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -377px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-angle-down-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -253px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }
  .sprite-angle-down-active[disabled], .sprite-angle-down-active.disabled {
    opacity: .5; }

*:active > .sprite-angle-down,
*:hover > .sprite-angle-down {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -253px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.btn-icon .sprite-angle-down-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -253px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.btn-icon.btn-outline-primary:active > .sprite-angle-down,
.btn-icon.btn-outline-primary:hover > .sprite-angle-down, .btn-icon.btn-outline-default:active > .sprite-angle-down,
.btn-icon.btn-outline-default:hover > .sprite-angle-down, .btn-icon.btn-outline-dark:active > .sprite-angle-down,
.btn-icon.btn-outline-dark:hover > .sprite-angle-down {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -253px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.btn-icon-solid:hover .sprite-angle-down-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -253px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.sprite-angle-down-lg-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -705px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }
  .sprite-angle-down-lg-active[disabled], .sprite-angle-down-lg-active.disabled {
    opacity: .5; }

*:active > .sprite-angle-down-lg,
*:hover > .sprite-angle-down-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -705px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }

.btn-icon .sprite-angle-down-lg-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -705px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }

.btn-icon.btn-outline-primary:active > .sprite-angle-down-lg,
.btn-icon.btn-outline-primary:hover > .sprite-angle-down-lg, .btn-icon.btn-outline-default:active > .sprite-angle-down-lg,
.btn-icon.btn-outline-default:hover > .sprite-angle-down-lg, .btn-icon.btn-outline-dark:active > .sprite-angle-down-lg,
.btn-icon.btn-outline-dark:hover > .sprite-angle-down-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -705px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }

.btn-icon-solid:hover .sprite-angle-down-lg-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -705px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }

.sprite-angle-down-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -741px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }
  .sprite-angle-down-lg[disabled], .sprite-angle-down-lg.disabled {
    opacity: .5; }

.btn-icon .sprite-angle-down-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -741px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }

.btn-icon-solid:hover .sprite-angle-down-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -741px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }

.sprite-angle-down-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -283px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }
  .sprite-angle-down-primary-active[disabled], .sprite-angle-down-primary-active.disabled {
    opacity: .5; }

*:active > .sprite-angle-down-primary,
*:hover > .sprite-angle-down-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -283px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.btn-icon .sprite-angle-down-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -283px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.btn-icon.btn-outline-primary:active > .sprite-angle-down-primary,
.btn-icon.btn-outline-primary:hover > .sprite-angle-down-primary, .btn-icon.btn-outline-default:active > .sprite-angle-down-primary,
.btn-icon.btn-outline-default:hover > .sprite-angle-down-primary, .btn-icon.btn-outline-dark:active > .sprite-angle-down-primary,
.btn-icon.btn-outline-dark:hover > .sprite-angle-down-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -283px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.btn-icon-solid:hover .sprite-angle-down-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -283px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.sprite-angle-down-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -313px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }
  .sprite-angle-down-primary[disabled], .sprite-angle-down-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-angle-down-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -313px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.btn-icon-solid:hover .sprite-angle-down-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -313px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.sprite-angle-down-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -248px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-angle-down-sm[disabled], .sprite-angle-down-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-angle-down-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -248px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-angle-down-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -248px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-angle-down {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -343px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }
  .sprite-angle-down[disabled], .sprite-angle-down.disabled {
    opacity: .5; }

.btn-icon .sprite-angle-down {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -343px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.btn-icon-solid:hover .sprite-angle-down {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -343px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.sprite-angle-left-large {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -248px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 16px; }
  .sprite-angle-left-large[disabled], .sprite-angle-left-large.disabled {
    opacity: .5; }

.btn-icon .sprite-angle-left-large {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -248px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 16px; }

.btn-icon-solid:hover .sprite-angle-left-large {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -248px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 16px; }

.sprite-angle-right-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -246px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }
  .sprite-angle-right-active[disabled], .sprite-angle-right-active.disabled {
    opacity: .5; }

*:active > .sprite-angle-right,
*:hover > .sprite-angle-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -246px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }

.btn-icon .sprite-angle-right-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -246px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }

.btn-icon.btn-outline-primary:active > .sprite-angle-right,
.btn-icon.btn-outline-primary:hover > .sprite-angle-right, .btn-icon.btn-outline-default:active > .sprite-angle-right,
.btn-icon.btn-outline-default:hover > .sprite-angle-right, .btn-icon.btn-outline-dark:active > .sprite-angle-right,
.btn-icon.btn-outline-dark:hover > .sprite-angle-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -246px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }

.btn-icon-solid:hover .sprite-angle-right-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -246px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }

.sprite-angle-right-large {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -462px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 16px; }
  .sprite-angle-right-large[disabled], .sprite-angle-right-large.disabled {
    opacity: .5; }

.btn-icon .sprite-angle-right-large {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -462px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 16px; }

.btn-icon-solid:hover .sprite-angle-right-large {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -462px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 16px; }

.sprite-angle-right-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -276px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }
  .sprite-angle-right-primary-active[disabled], .sprite-angle-right-primary-active.disabled {
    opacity: .5; }

*:active > .sprite-angle-right-primary,
*:hover > .sprite-angle-right-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -276px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }

.btn-icon .sprite-angle-right-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -276px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }

.btn-icon.btn-outline-primary:active > .sprite-angle-right-primary,
.btn-icon.btn-outline-primary:hover > .sprite-angle-right-primary, .btn-icon.btn-outline-default:active > .sprite-angle-right-primary,
.btn-icon.btn-outline-default:hover > .sprite-angle-right-primary, .btn-icon.btn-outline-dark:active > .sprite-angle-right-primary,
.btn-icon.btn-outline-dark:hover > .sprite-angle-right-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -276px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }

.btn-icon-solid:hover .sprite-angle-right-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -276px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }

.sprite-angle-right-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 7px;
  min-width: 7px;
  height: 11px; }
  .sprite-angle-right-primary[disabled], .sprite-angle-right-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-angle-right-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 7px;
  min-width: 7px;
  height: 11px; }

.btn-icon-solid:hover .sprite-angle-right-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 7px;
  min-width: 7px;
  height: 11px; }

.sprite-angle-right-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -875px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 4px;
  min-width: 4px;
  height: 8px; }
  .sprite-angle-right-sm[disabled], .sprite-angle-right-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-angle-right-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -875px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 4px;
  min-width: 4px;
  height: 8px; }

.btn-icon-solid:hover .sprite-angle-right-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -875px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 4px;
  min-width: 4px;
  height: 8px; }

.sprite-angle-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -306px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }
  .sprite-angle-right[disabled], .sprite-angle-right.disabled {
    opacity: .5; }

.btn-icon .sprite-angle-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -306px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }

.btn-icon-solid:hover .sprite-angle-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -306px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 10px; }

.sprite-angle-up-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -373px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }
  .sprite-angle-up-active[disabled], .sprite-angle-up-active.disabled {
    opacity: .5; }

*:active > .sprite-angle-up,
*:hover > .sprite-angle-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -373px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.btn-icon .sprite-angle-up-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -373px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.btn-icon.btn-outline-primary:active > .sprite-angle-up,
.btn-icon.btn-outline-primary:hover > .sprite-angle-up, .btn-icon.btn-outline-default:active > .sprite-angle-up,
.btn-icon.btn-outline-default:hover > .sprite-angle-up, .btn-icon.btn-outline-dark:active > .sprite-angle-up,
.btn-icon.btn-outline-dark:hover > .sprite-angle-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -373px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.btn-icon-solid:hover .sprite-angle-up-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -373px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.sprite-angle-up-lg-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }
  .sprite-angle-up-lg-active[disabled], .sprite-angle-up-lg-active.disabled {
    opacity: .5; }

*:active > .sprite-angle-up-lg,
*:hover > .sprite-angle-up-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }

.btn-icon .sprite-angle-up-lg-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }

.btn-icon.btn-outline-primary:active > .sprite-angle-up-lg,
.btn-icon.btn-outline-primary:hover > .sprite-angle-up-lg, .btn-icon.btn-outline-default:active > .sprite-angle-up-lg,
.btn-icon.btn-outline-default:hover > .sprite-angle-up-lg, .btn-icon.btn-outline-dark:active > .sprite-angle-up-lg,
.btn-icon.btn-outline-dark:hover > .sprite-angle-up-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }

.btn-icon-solid:hover .sprite-angle-up-lg-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }

.sprite-angle-up-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -813px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }
  .sprite-angle-up-lg[disabled], .sprite-angle-up-lg.disabled {
    opacity: .5; }

.btn-icon .sprite-angle-up-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -813px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }

.btn-icon-solid:hover .sprite-angle-up-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -813px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 10px; }

.sprite-angle-up-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -926px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-angle-up-primary[disabled], .sprite-angle-up-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-angle-up-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -926px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-angle-up-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -926px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-angle-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -403px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }
  .sprite-angle-up[disabled], .sprite-angle-up.disabled {
    opacity: .5; }

.btn-icon .sprite-angle-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -403px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.btn-icon-solid:hover .sprite-angle-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -403px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 6px; }

.sprite-angle {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -103px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 7px;
  min-width: 7px;
  height: 11px; }
  .sprite-angle[disabled], .sprite-angle.disabled {
    opacity: .5; }

.btn-icon .sprite-angle {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -103px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 7px;
  min-width: 7px;
  height: 11px; }

.btn-icon-solid:hover .sprite-angle {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -103px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 7px;
  min-width: 7px;
  height: 11px; }

.sprite-approval-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -585px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-approval-info[disabled], .sprite-approval-info.disabled {
    opacity: .5; }

.btn-icon .sprite-approval-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -585px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-approval-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -585px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-approval {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -621px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-approval[disabled], .sprite-approval.disabled {
    opacity: .5; }

.btn-icon .sprite-approval {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -621px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-approval {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -621px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-approved {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -416px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-approved[disabled], .sprite-approved.disabled {
    opacity: .5; }

.btn-icon .sprite-approved {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -416px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-approved {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -416px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-archive-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -429px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-archive-active[disabled], .sprite-archive-active.disabled {
    opacity: .5; }

*:active > .sprite-archive,
*:hover > .sprite-archive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -429px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon .sprite-archive-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -429px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon.btn-outline-primary:active > .sprite-archive,
.btn-icon.btn-outline-primary:hover > .sprite-archive, .btn-icon.btn-outline-default:active > .sprite-archive,
.btn-icon.btn-outline-default:hover > .sprite-archive, .btn-icon.btn-outline-dark:active > .sprite-archive,
.btn-icon.btn-outline-dark:hover > .sprite-archive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -429px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-archive-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -429px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-archive-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -657px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-archive-primary[disabled], .sprite-archive-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-archive-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -657px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-archive-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -657px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-archive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -693px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-archive[disabled], .sprite-archive.disabled {
    opacity: .5; }

.btn-icon .sprite-archive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -693px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-archive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -693px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-archived {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -416px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-archived[disabled], .sprite-archived.disabled {
    opacity: .5; }

.btn-icon .sprite-archived {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -416px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-archived {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -416px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-arrow-download-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -692px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }
  .sprite-arrow-download-disabled[disabled], .sprite-arrow-download-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-arrow-download,
.btn.disabled .sprite-arrow-download,
.btn[disabled] .sprite-arrow-download {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -692px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.btn-icon .sprite-arrow-download-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -692px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.btn-icon-solid:hover .sprite-arrow-download-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -692px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.sprite-arrow-download {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -718px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }
  .sprite-arrow-download[disabled], .sprite-arrow-download.disabled {
    opacity: .5; }

.btn-icon .sprite-arrow-download {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -718px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.btn-icon-solid:hover .sprite-arrow-download {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -718px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.sprite-arrow-left-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -708px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }
  .sprite-arrow-left-active[disabled], .sprite-arrow-left-active.disabled {
    opacity: .5; }

*:active > .sprite-arrow-left,
*:hover > .sprite-arrow-left {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -708px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.btn-icon .sprite-arrow-left-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -708px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-arrow-left,
.btn-icon.btn-outline-primary:hover > .sprite-arrow-left, .btn-icon.btn-outline-default:active > .sprite-arrow-left,
.btn-icon.btn-outline-default:hover > .sprite-arrow-left, .btn-icon.btn-outline-dark:active > .sprite-arrow-left,
.btn-icon.btn-outline-dark:hover > .sprite-arrow-left {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -708px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.btn-icon-solid:hover .sprite-arrow-left-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -708px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.sprite-arrow-left {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -740px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }
  .sprite-arrow-left[disabled], .sprite-arrow-left.disabled {
    opacity: .5; }

.btn-icon .sprite-arrow-left {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -740px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.btn-icon-solid:hover .sprite-arrow-left {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -740px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.sprite-arrow-right-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -772px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }
  .sprite-arrow-right-active[disabled], .sprite-arrow-right-active.disabled {
    opacity: .5; }

*:active > .sprite-arrow-right,
*:hover > .sprite-arrow-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -772px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.btn-icon .sprite-arrow-right-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -772px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-arrow-right,
.btn-icon.btn-outline-primary:hover > .sprite-arrow-right, .btn-icon.btn-outline-default:active > .sprite-arrow-right,
.btn-icon.btn-outline-default:hover > .sprite-arrow-right, .btn-icon.btn-outline-dark:active > .sprite-arrow-right,
.btn-icon.btn-outline-dark:hover > .sprite-arrow-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -772px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.btn-icon-solid:hover .sprite-arrow-right-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -772px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.sprite-arrow-right-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -804px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }
  .sprite-arrow-right-primary-active[disabled], .sprite-arrow-right-primary-active.disabled {
    opacity: .5; }

*:active > .sprite-arrow-right-primary,
*:hover > .sprite-arrow-right-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -804px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.btn-icon .sprite-arrow-right-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -804px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-arrow-right-primary,
.btn-icon.btn-outline-primary:hover > .sprite-arrow-right-primary, .btn-icon.btn-outline-default:active > .sprite-arrow-right-primary,
.btn-icon.btn-outline-default:hover > .sprite-arrow-right-primary, .btn-icon.btn-outline-dark:active > .sprite-arrow-right-primary,
.btn-icon.btn-outline-dark:hover > .sprite-arrow-right-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -804px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.btn-icon-solid:hover .sprite-arrow-right-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -804px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.sprite-arrow-right-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -38px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-arrow-right-primary[disabled], .sprite-arrow-right-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-arrow-right-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -38px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-arrow-right-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -38px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-arrow-right-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -408px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-arrow-right-sm[disabled], .sprite-arrow-right-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-arrow-right-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -408px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-arrow-right-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -408px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-arrow-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -836px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }
  .sprite-arrow-right[disabled], .sprite-arrow-right.disabled {
    opacity: .5; }

.btn-icon .sprite-arrow-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -836px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.btn-icon-solid:hover .sprite-arrow-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -836px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 12px; }

.sprite-arrow-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -440px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-arrow-up[disabled], .sprite-arrow-up.disabled {
    opacity: .5; }

.btn-icon .sprite-arrow-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -440px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-arrow-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -440px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-arrow-upload-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -744px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }
  .sprite-arrow-upload-disabled[disabled], .sprite-arrow-upload-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-arrow-upload,
.btn.disabled .sprite-arrow-upload,
.btn[disabled] .sprite-arrow-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -744px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.btn-icon .sprite-arrow-upload-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -744px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.btn-icon-solid:hover .sprite-arrow-upload-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -744px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.sprite-arrow-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -770px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }
  .sprite-arrow-upload[disabled], .sprite-arrow-upload.disabled {
    opacity: .5; }

.btn-icon .sprite-arrow-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -770px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.btn-icon-solid:hover .sprite-arrow-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -770px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.sprite-assess-off {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -472px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-assess-off[disabled], .sprite-assess-off.disabled {
    opacity: .5; }

.btn-icon .sprite-assess-off {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -472px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-assess-off {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -472px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-assess-on {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-assess-on[disabled], .sprite-assess-on.disabled {
    opacity: .5; }

.btn-icon .sprite-assess-on {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-assess-on {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-asset-audio-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -600px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }
  .sprite-asset-audio-type[disabled], .sprite-asset-audio-type.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-audio-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -600px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.btn-icon-solid:hover .sprite-asset-audio-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -600px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.sprite-asset-audio-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -74px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-asset-audio-white[disabled], .sprite-asset-audio-white.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-audio-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -74px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-asset-audio-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -74px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-asset-caption-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -608px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }
  .sprite-asset-caption-type[disabled], .sprite-asset-caption-type.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-caption-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -608px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.btn-icon-solid:hover .sprite-asset-caption-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -608px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.sprite-asset-caption-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -110px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-asset-caption-white[disabled], .sprite-asset-caption-white.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-caption-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -110px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-asset-caption-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -110px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-asset-file-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }
  .sprite-asset-file-type[disabled], .sprite-asset-file-type.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-file-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.btn-icon-solid:hover .sprite-asset-file-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.sprite-asset-file-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -146px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-asset-file-white[disabled], .sprite-asset-file-white.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-file-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -146px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-asset-file-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -146px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-asset-image-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -688px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }
  .sprite-asset-image-type[disabled], .sprite-asset-image-type.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-image-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -688px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.btn-icon-solid:hover .sprite-asset-image-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -688px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.sprite-asset-image-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -182px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-asset-image-white[disabled], .sprite-asset-image-white.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-image-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -182px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-asset-image-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -182px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-asset-img-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }
  .sprite-asset-img-active[disabled], .sprite-asset-img-active.disabled {
    opacity: .5; }

*:active > .sprite-asset-img,
*:hover > .sprite-asset-img {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }

.btn-icon .sprite-asset-img-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }

.btn-icon.btn-outline-primary:active > .sprite-asset-img,
.btn-icon.btn-outline-primary:hover > .sprite-asset-img, .btn-icon.btn-outline-default:active > .sprite-asset-img,
.btn-icon.btn-outline-default:hover > .sprite-asset-img, .btn-icon.btn-outline-dark:active > .sprite-asset-img,
.btn-icon.btn-outline-dark:hover > .sprite-asset-img {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }

.btn-icon-solid:hover .sprite-asset-img-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }

.sprite-asset-img {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -34px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }
  .sprite-asset-img[disabled], .sprite-asset-img.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-img {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -34px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }

.btn-icon-solid:hover .sprite-asset-img {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -34px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }

.sprite-asset-music {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -536px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-asset-music[disabled], .sprite-asset-music.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-music {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -536px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-asset-music {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -536px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-asset-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -164px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }
  .sprite-asset-sm[disabled], .sprite-asset-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -164px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.btn-icon-solid:hover .sprite-asset-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -164px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.sprite-asset-video-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }
  .sprite-asset-video-type[disabled], .sprite-asset-video-type.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-video-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.btn-icon-solid:hover .sprite-asset-video-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.sprite-asset-video-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -218px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-asset-video-white[disabled], .sprite-asset-video-white.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-video-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -218px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-asset-video-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -218px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-asset-zip-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -254px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-asset-zip-white[disabled], .sprite-asset-zip-white.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-zip-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -254px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-asset-zip-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -254px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-asset-zip {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -290px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-asset-zip[disabled], .sprite-asset-zip.disabled {
    opacity: .5; }

.btn-icon .sprite-asset-zip {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -290px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-asset-zip {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -290px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-asset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-asset[disabled], .sprite-asset.disabled {
    opacity: .5; }

.btn-icon .sprite-asset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-asset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-assets-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -326px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-assets-inverse[disabled], .sprite-assets-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-assets-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -326px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-assets-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -326px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-assets-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -362px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-assets-primary-active[disabled], .sprite-assets-primary-active.disabled {
    opacity: .5; }

*:active > .sprite-assets-primary,
*:hover > .sprite-assets-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -362px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-assets-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -362px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-assets-primary,
.btn-icon.btn-outline-primary:hover > .sprite-assets-primary, .btn-icon.btn-outline-default:active > .sprite-assets-primary,
.btn-icon.btn-outline-default:hover > .sprite-assets-primary, .btn-icon.btn-outline-dark:active > .sprite-assets-primary,
.btn-icon.btn-outline-dark:hover > .sprite-assets-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -362px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-assets-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -362px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-assets-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -398px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-assets-primary[disabled], .sprite-assets-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-assets-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -398px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-assets-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -398px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -434px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-assets[disabled], .sprite-assets.disabled {
    opacity: .5; }

.btn-icon .sprite-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -434px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -434px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-audio {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -334px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-audio[disabled], .sprite-audio.disabled {
    opacity: .5; }

.btn-icon .sprite-audio {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -334px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-audio {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -334px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-available {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -450px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-available[disabled], .sprite-available.disabled {
    opacity: .5; }

.btn-icon .sprite-available {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -450px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-available {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -450px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-back-round-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 56px;
  min-width: 56px;
  height: 44px; }
  .sprite-back-round-primary[disabled], .sprite-back-round-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-back-round-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 56px;
  min-width: 56px;
  height: 44px; }

.btn-icon-solid:hover .sprite-back-round-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 56px;
  min-width: 56px;
  height: 44px; }

.sprite-back-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 28px; }
  .sprite-back-round[disabled], .sprite-back-round.disabled {
    opacity: .5; }

.btn-icon .sprite-back-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 28px; }

.btn-icon-solid:hover .sprite-back-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 28px; }

.sprite-back {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -252px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 23px;
  min-width: 23px;
  height: 21px; }
  .sprite-back[disabled], .sprite-back.disabled {
    opacity: .5; }

.btn-icon .sprite-back {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -252px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 23px;
  min-width: 23px;
  height: 21px; }

.btn-icon-solid:hover .sprite-back {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -252px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 23px;
  min-width: 23px;
  height: 21px; }

.sprite-broadcast {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 16px; }
  .sprite-broadcast[disabled], .sprite-broadcast.disabled {
    opacity: .5; }

.btn-icon .sprite-broadcast {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 16px; }

.btn-icon-solid:hover .sprite-broadcast {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 16px; }

.sprite-bucket-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -470px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-bucket-disabled[disabled], .sprite-bucket-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-bucket,
.btn.disabled .sprite-bucket,
.btn[disabled] .sprite-bucket {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -470px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-bucket-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -470px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-bucket-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -470px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-bucket-upload-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -403px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 18px; }
  .sprite-bucket-upload-disabled[disabled], .sprite-bucket-upload-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-bucket-upload,
.btn.disabled .sprite-bucket-upload,
.btn[disabled] .sprite-bucket-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -403px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 18px; }

.btn-icon .sprite-bucket-upload-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -403px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 18px; }

.btn-icon-solid:hover .sprite-bucket-upload-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -403px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 18px; }

.sprite-bucket-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -443px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 18px; }
  .sprite-bucket-upload[disabled], .sprite-bucket-upload.disabled {
    opacity: .5; }

.btn-icon .sprite-bucket-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -443px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 18px; }

.btn-icon-solid:hover .sprite-bucket-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -443px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 18px; }

.sprite-bucket {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -506px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-bucket[disabled], .sprite-bucket.disabled {
    opacity: .5; }

.btn-icon .sprite-bucket {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -506px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-bucket {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -506px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-calendar-select {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }
  .sprite-calendar-select[disabled], .sprite-calendar-select.disabled {
    opacity: .5; }

.btn-icon .sprite-calendar-select {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }

.btn-icon-solid:hover .sprite-calendar-select {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }

.sprite-calendar {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -314px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }
  .sprite-calendar[disabled], .sprite-calendar.disabled {
    opacity: .5; }

.btn-icon .sprite-calendar {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -314px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }

.btn-icon-solid:hover .sprite-calendar {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -314px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }

.sprite-cancel-fade {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -134px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }
  .sprite-cancel-fade[disabled], .sprite-cancel-fade.disabled {
    opacity: .5; }

.btn-icon .sprite-cancel-fade {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -134px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }

.btn-icon-solid:hover .sprite-cancel-fade {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -134px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }

.sprite-cancel-lg-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-cancel-lg-white[disabled], .sprite-cancel-lg-white.disabled {
    opacity: .5; }

.btn-icon .sprite-cancel-lg-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-cancel-lg-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-cancel-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -499px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-cancel-lg[disabled], .sprite-cancel-lg.disabled {
    opacity: .5; }

.btn-icon .sprite-cancel-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -499px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-cancel-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -499px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-cancel-request-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -542px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-cancel-request-active[disabled], .sprite-cancel-request-active.disabled {
    opacity: .5; }

*:active > .sprite-cancel-request,
*:hover > .sprite-cancel-request {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -542px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-cancel-request-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -542px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-cancel-request,
.btn-icon.btn-outline-primary:hover > .sprite-cancel-request, .btn-icon.btn-outline-default:active > .sprite-cancel-request,
.btn-icon.btn-outline-default:hover > .sprite-cancel-request, .btn-icon.btn-outline-dark:active > .sprite-cancel-request,
.btn-icon.btn-outline-dark:hover > .sprite-cancel-request {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -542px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-cancel-request-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -542px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-cancel-request {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -578px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-cancel-request[disabled], .sprite-cancel-request.disabled {
    opacity: .5; }

.btn-icon .sprite-cancel-request {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -578px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-cancel-request {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -578px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-cancel-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -186px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-cancel-round[disabled], .sprite-cancel-round.disabled {
    opacity: .5; }

.btn-icon .sprite-cancel-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -186px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-cancel-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -186px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-cancel-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -326px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-cancel-sm[disabled], .sprite-cancel-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-cancel-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -326px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-cancel-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -326px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-cancel-source {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-cancel-source[disabled], .sprite-cancel-source.disabled {
    opacity: .5; }

.btn-icon .sprite-cancel-source {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-cancel-source {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-cancel-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -506px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 7px;
  min-width: 7px;
  height: 7px; }
  .sprite-cancel-white[disabled], .sprite-cancel-white.disabled {
    opacity: .5; }

.btn-icon .sprite-cancel-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -506px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 7px;
  min-width: 7px;
  height: 7px; }

.btn-icon-solid:hover .sprite-cancel-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -506px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 7px;
  min-width: 7px;
  height: 7px; }

.sprite-cancel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -650px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-cancel[disabled], .sprite-cancel.disabled {
    opacity: .5; }

.btn-icon .sprite-cancel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -650px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-cancel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -650px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-canceled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -484px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-canceled[disabled], .sprite-canceled.disabled {
    opacity: .5; }

.btn-icon .sprite-canceled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -484px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-canceled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -484px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-caption-sync-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -581px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-caption-sync-default[disabled], .sprite-caption-sync-default.disabled {
    opacity: .5; }

.btn-icon .sprite-caption-sync-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -581px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-caption-sync-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -581px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-caption-sync-fast {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -919px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-caption-sync-fast[disabled], .sprite-caption-sync-fast.disabled {
    opacity: .5; }

.btn-icon .sprite-caption-sync-fast {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -919px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-caption-sync-fast {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -919px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-caption-sync-slow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -951px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-caption-sync-slow[disabled], .sprite-caption-sync-slow.disabled {
    opacity: .5; }

.btn-icon .sprite-caption-sync-slow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -951px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-caption-sync-slow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -951px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-caption {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -686px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-caption[disabled], .sprite-caption.disabled {
    opacity: .5; }

.btn-icon .sprite-caption {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -686px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-caption {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -686px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-caret-right-fill-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }
  .sprite-caret-right-fill-active[disabled], .sprite-caret-right-fill-active.disabled {
    opacity: .5; }

*:active > .sprite-caret-right-fill,
*:hover > .sprite-caret-right-fill {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.btn-icon .sprite-caret-right-fill-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-caret-right-fill,
.btn-icon.btn-outline-primary:hover > .sprite-caret-right-fill, .btn-icon.btn-outline-default:active > .sprite-caret-right-fill,
.btn-icon.btn-outline-default:hover > .sprite-caret-right-fill, .btn-icon.btn-outline-dark:active > .sprite-caret-right-fill,
.btn-icon.btn-outline-dark:hover > .sprite-caret-right-fill {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.btn-icon-solid:hover .sprite-caret-right-fill-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.sprite-caret-right-fill-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -477px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 9px; }
  .sprite-caret-right-fill-dark[disabled], .sprite-caret-right-fill-dark.disabled {
    opacity: .5; }

.btn-icon .sprite-caret-right-fill-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -477px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 9px; }

.btn-icon-solid:hover .sprite-caret-right-fill-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -477px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 9px; }

.sprite-caret-right-fill {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -32px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }
  .sprite-caret-right-fill[disabled], .sprite-caret-right-fill.disabled {
    opacity: .5; }

.btn-icon .sprite-caret-right-fill {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -32px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.btn-icon-solid:hover .sprite-caret-right-fill {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -32px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.sprite-caret-right-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -848px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 5px;
  min-width: 5px;
  height: 7px; }
  .sprite-caret-right-gray[disabled], .sprite-caret-right-gray.disabled {
    opacity: .5; }

.btn-icon .sprite-caret-right-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -848px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 5px;
  min-width: 5px;
  height: 7px; }

.btn-icon-solid:hover .sprite-caret-right-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -848px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 5px;
  min-width: 5px;
  height: 7px; }

.sprite-category-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -136px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }
  .sprite-category-disabled[disabled], .sprite-category-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-category,
.btn.disabled .sprite-category,
.btn[disabled] .sprite-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -136px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.btn-icon .sprite-category-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -136px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.btn-icon-solid:hover .sprite-category-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -136px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.sprite-category-group-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -310px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }
  .sprite-category-group-disabled[disabled], .sprite-category-group-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-category-group,
.btn.disabled .sprite-category-group,
.btn[disabled] .sprite-category-group {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -310px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.btn-icon .sprite-category-group-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -310px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.btn-icon-solid:hover .sprite-category-group-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -310px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.sprite-category-group {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -343px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }
  .sprite-category-group[disabled], .sprite-category-group.disabled {
    opacity: .5; }

.btn-icon .sprite-category-group {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -343px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.btn-icon-solid:hover .sprite-category-group {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -343px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.sprite-category-menu {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -722px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-category-menu[disabled], .sprite-category-menu.disabled {
    opacity: .5; }

.btn-icon .sprite-category-menu {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -722px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-category-menu {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -722px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -170px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }
  .sprite-category[disabled], .sprite-category.disabled {
    opacity: .5; }

.btn-icon .sprite-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -170px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.btn-icon-solid:hover .sprite-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -170px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.sprite-cc {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -487px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }
  .sprite-cc[disabled], .sprite-cc.disabled {
    opacity: .5; }

.btn-icon .sprite-cc {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -487px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }

.btn-icon-solid:hover .sprite-cc {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -487px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }

.sprite-cdn {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -758px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-cdn[disabled], .sprite-cdn.disabled {
    opacity: .5; }

.btn-icon .sprite-cdn {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -758px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-cdn {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -758px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-channel-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -205px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }
  .sprite-channel-sm[disabled], .sprite-channel-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-channel-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -205px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.btn-icon-solid:hover .sprite-channel-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -205px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.sprite-channel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -380px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-channel[disabled], .sprite-channel.disabled {
    opacity: .5; }

.btn-icon .sprite-channel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -380px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-channel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -380px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-check-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -633px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 11px; }
  .sprite-check-dark-active[disabled], .sprite-check-dark-active.disabled {
    opacity: .5; }

*:active > .sprite-check-dark,
*:hover > .sprite-check-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -633px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 11px; }

.btn-icon .sprite-check-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -633px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 11px; }

.btn-icon.btn-outline-primary:active > .sprite-check-dark,
.btn-icon.btn-outline-primary:hover > .sprite-check-dark, .btn-icon.btn-outline-default:active > .sprite-check-dark,
.btn-icon.btn-outline-default:hover > .sprite-check-dark, .btn-icon.btn-outline-dark:active > .sprite-check-dark,
.btn-icon.btn-outline-dark:hover > .sprite-check-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -633px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 11px; }

.btn-icon-solid:hover .sprite-check-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -633px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 11px; }

.sprite-check-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -669px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 11px; }
  .sprite-check-dark[disabled], .sprite-check-dark.disabled {
    opacity: .5; }

.btn-icon .sprite-check-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -669px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 11px; }

.btn-icon-solid:hover .sprite-check-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -669px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 11px; }

.sprite-check-default-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-check-default-dark-active[disabled], .sprite-check-default-dark-active.disabled {
    opacity: .5; }

*:active > .sprite-check-default-dark,
*:hover > .sprite-check-default-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-check-default-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-check-default-dark,
.btn-icon.btn-outline-primary:hover > .sprite-check-default-dark, .btn-icon.btn-outline-default:active > .sprite-check-default-dark,
.btn-icon.btn-outline-default:hover > .sprite-check-default-dark, .btn-icon.btn-outline-dark:active > .sprite-check-default-dark,
.btn-icon.btn-outline-dark:hover > .sprite-check-default-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-check-default-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-check-default-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-check-default-dark[disabled], .sprite-check-default-dark.disabled {
    opacity: .5; }

.btn-icon .sprite-check-default-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-check-default-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-check-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -568px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-check-default[disabled], .sprite-check-default.disabled {
    opacity: .5; }

.btn-icon .sprite-check-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -568px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-check-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -568px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-check-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -792px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 9px; }
  .sprite-check-primary[disabled], .sprite-check-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-check-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -792px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 9px; }

.btn-icon-solid:hover .sprite-check-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -792px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 9px; }

.sprite-check-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -191px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 8px; }
  .sprite-check-white[disabled], .sprite-check-white.disabled {
    opacity: .5; }

.btn-icon .sprite-check-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -191px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 8px; }

.btn-icon-solid:hover .sprite-check-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -191px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 8px; }

.sprite-check {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -222px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 8px; }
  .sprite-check[disabled], .sprite-check.disabled {
    opacity: .5; }

.btn-icon .sprite-check {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -222px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 8px; }

.btn-icon-solid:hover .sprite-check {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -222px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 8px; }

.sprite-checkbox-checked {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -518px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-checkbox-checked[disabled], .sprite-checkbox-checked.disabled {
    opacity: .5; }

.btn-icon .sprite-checkbox-checked {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -518px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-checkbox-checked {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -518px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-checkbox {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -552px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-checkbox[disabled], .sprite-checkbox.disabled {
    opacity: .5; }

.btn-icon .sprite-checkbox {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -552px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-checkbox {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -552px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-chevron-left {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-chevron-left[disabled], .sprite-chevron-left.disabled {
    opacity: .5; }

.btn-icon .sprite-chevron-left {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-chevron-left {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-chevron-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-chevron-right[disabled], .sprite-chevron-right.disabled {
    opacity: .5; }

.btn-icon .sprite-chevron-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-chevron-right {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-clash {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -376px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }
  .sprite-clash[disabled], .sprite-clash.disabled {
    opacity: .5; }

.btn-icon .sprite-clash {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -376px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.btn-icon-solid:hover .sprite-clash {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -376px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.sprite-clipboard {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -586px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-clipboard[disabled], .sprite-clipboard.disabled {
    opacity: .5; }

.btn-icon .sprite-clipboard {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -586px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-clipboard {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -586px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-clock-fade-bg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -534px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-clock-fade-bg[disabled], .sprite-clock-fade-bg.disabled {
    opacity: .5; }

.btn-icon .sprite-clock-fade-bg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -534px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-clock-fade-bg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -534px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-clock-fade {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -569px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-clock-fade[disabled], .sprite-clock-fade.disabled {
    opacity: .5; }

.btn-icon .sprite-clock-fade {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -569px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-clock-fade {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -569px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-clock {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -604px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-clock[disabled], .sprite-clock.disabled {
    opacity: .5; }

.btn-icon .sprite-clock {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -604px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-clock {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -604px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-cloud-upload-fade {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -64px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 52px;
  min-width: 52px;
  height: 34px; }
  .sprite-cloud-upload-fade[disabled], .sprite-cloud-upload-fade.disabled {
    opacity: .5; }

.btn-icon .sprite-cloud-upload-fade {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -64px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 52px;
  min-width: 52px;
  height: 34px; }

.btn-icon-solid:hover .sprite-cloud-upload-fade {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -64px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 52px;
  min-width: 52px;
  height: 34px; }

.sprite-cloud-upload-impossible {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -157px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 61px;
  min-width: 61px;
  height: 44px; }
  .sprite-cloud-upload-impossible[disabled], .sprite-cloud-upload-impossible.disabled {
    opacity: .5; }

.btn-icon .sprite-cloud-upload-impossible {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -157px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 61px;
  min-width: 61px;
  height: 44px; }

.btn-icon-solid:hover .sprite-cloud-upload-impossible {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -157px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 61px;
  min-width: 61px;
  height: 44px; }

.sprite-cloud-upload-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -102px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 74px;
  min-width: 74px;
  height: 51px; }
  .sprite-cloud-upload-primary[disabled], .sprite-cloud-upload-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-cloud-upload-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -102px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 74px;
  min-width: 74px;
  height: 51px; }

.btn-icon-solid:hover .sprite-cloud-upload-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -102px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 74px;
  min-width: 74px;
  height: 51px; }

.sprite-cloud-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 23px;
  min-width: 23px;
  height: 18px; }
  .sprite-cloud-upload[disabled], .sprite-cloud-upload.disabled {
    opacity: .5; }

.btn-icon .sprite-cloud-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 23px;
  min-width: 23px;
  height: 18px; }

.btn-icon-solid:hover .sprite-cloud-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 23px;
  min-width: 23px;
  height: 18px; }

.sprite-collapsed-off {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -74px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 18px; }
  .sprite-collapsed-off[disabled], .sprite-collapsed-off.disabled {
    opacity: .5; }

.btn-icon .sprite-collapsed-off {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -74px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 18px; }

.btn-icon-solid:hover .sprite-collapsed-off {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -74px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 18px; }

.sprite-collapsed-on {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -112px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 18px; }
  .sprite-collapsed-on[disabled], .sprite-collapsed-on.disabled {
    opacity: .5; }

.btn-icon .sprite-collapsed-on {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -112px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 18px; }

.btn-icon-solid:hover .sprite-collapsed-on {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -112px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 18px; }

.sprite-collected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-collected[disabled], .sprite-collected.disabled {
    opacity: .5; }

.btn-icon .sprite-collected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-collected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-compare-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -640px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 14px; }
  .sprite-compare-active[disabled], .sprite-compare-active.disabled {
    opacity: .5; }

*:active > .sprite-compare,
*:hover > .sprite-compare {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -640px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 14px; }

.btn-icon .sprite-compare-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -640px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 14px; }

.btn-icon.btn-outline-primary:active > .sprite-compare,
.btn-icon.btn-outline-primary:hover > .sprite-compare, .btn-icon.btn-outline-default:active > .sprite-compare,
.btn-icon.btn-outline-default:hover > .sprite-compare, .btn-icon.btn-outline-dark:active > .sprite-compare,
.btn-icon.btn-outline-dark:hover > .sprite-compare {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -640px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 14px; }

.btn-icon-solid:hover .sprite-compare-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -640px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 14px; }

.sprite-compare-different {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-compare-different[disabled], .sprite-compare-different.disabled {
    opacity: .5; }

.btn-icon .sprite-compare-different {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-compare-different {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-compare-failed {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-compare-failed[disabled], .sprite-compare-failed.disabled {
    opacity: .5; }

.btn-icon .sprite-compare-failed {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-compare-failed {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-compare-identical {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-compare-identical[disabled], .sprite-compare-identical.disabled {
    opacity: .5; }

.btn-icon .sprite-compare-identical {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-compare-identical {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-compare {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -674px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 14px; }
  .sprite-compare[disabled], .sprite-compare.disabled {
    opacity: .5; }

.btn-icon .sprite-compare {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -674px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 14px; }

.btn-icon-solid:hover .sprite-compare {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -674px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 14px; }

.sprite-complete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -620px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-complete[disabled], .sprite-complete.disabled {
    opacity: .5; }

.btn-icon .sprite-complete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -620px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-complete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -620px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-completed {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -654px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-completed[disabled], .sprite-completed.disabled {
    opacity: .5; }

.btn-icon .sprite-completed {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -654px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-completed {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -654px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-consonance {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -533px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 6px; }
  .sprite-consonance[disabled], .sprite-consonance.disabled {
    opacity: .5; }

.btn-icon .sprite-consonance {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -533px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 6px; }

.btn-icon-solid:hover .sprite-consonance {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -533px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 6px; }

.sprite-container {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -934px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 9px; }
  .sprite-container[disabled], .sprite-container.disabled {
    opacity: .5; }

.btn-icon .sprite-container {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -934px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 9px; }

.btn-icon-solid:hover .sprite-container {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -934px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 9px; }

.sprite-copy-black {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -140px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }
  .sprite-copy-black[disabled], .sprite-copy-black.disabled {
    opacity: .5; }

.btn-icon .sprite-copy-black {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -140px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }

.btn-icon-solid:hover .sprite-copy-black {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -140px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }

.sprite-copy-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -688px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-copy-text[disabled], .sprite-copy-text.disabled {
    opacity: .5; }

.btn-icon .sprite-copy-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -688px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-copy-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -688px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-copy-url {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -409px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }
  .sprite-copy-url[disabled], .sprite-copy-url.disabled {
    opacity: .5; }

.btn-icon .sprite-copy-url {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -409px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.btn-icon-solid:hover .sprite-copy-url {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -409px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.sprite-copy {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }
  .sprite-copy[disabled], .sprite-copy.disabled {
    opacity: .5; }

.btn-icon .sprite-copy {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.btn-icon-solid:hover .sprite-copy {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.sprite-copyto {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -174px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }
  .sprite-copyto[disabled], .sprite-copyto.disabled {
    opacity: .5; }

.btn-icon .sprite-copyto {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -174px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }

.btn-icon-solid:hover .sprite-copyto {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -174px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }

.sprite-correct-status {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 16px; }
  .sprite-correct-status[disabled], .sprite-correct-status.disabled {
    opacity: .5; }

.btn-icon .sprite-correct-status {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 16px; }

.btn-icon-solid:hover .sprite-correct-status {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 16px; }

.sprite-create-assets-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-create-assets-primary-active[disabled], .sprite-create-assets-primary-active.disabled {
    opacity: .5; }

*:active > .sprite-create-assets-primary,
*:hover > .sprite-create-assets-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-create-assets-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-create-assets-primary,
.btn-icon.btn-outline-primary:hover > .sprite-create-assets-primary, .btn-icon.btn-outline-default:active > .sprite-create-assets-primary,
.btn-icon.btn-outline-default:hover > .sprite-create-assets-primary, .btn-icon.btn-outline-dark:active > .sprite-create-assets-primary,
.btn-icon.btn-outline-dark:hover > .sprite-create-assets-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-create-assets-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-create-assets-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -324px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-create-assets-primary[disabled], .sprite-create-assets-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-create-assets-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -324px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-create-assets-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -324px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-create-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-create-assets[disabled], .sprite-create-assets.disabled {
    opacity: .5; }

.btn-icon .sprite-create-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-create-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-create-photo {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -396px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-create-photo[disabled], .sprite-create-photo.disabled {
    opacity: .5; }

.btn-icon .sprite-create-photo {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -396px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-create-photo {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -396px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-create-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -432px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-create-video[disabled], .sprite-create-video.disabled {
    opacity: .5; }

.btn-icon .sprite-create-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -432px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-create-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -432px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-criteria {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -468px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-criteria[disabled], .sprite-criteria.disabled {
    opacity: .5; }

.btn-icon .sprite-criteria {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -468px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-criteria {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -468px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-current-time {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-current-time[disabled], .sprite-current-time.disabled {
    opacity: .5; }

.btn-icon .sprite-current-time {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-current-time {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-default-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -500px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-default-disabled[disabled], .sprite-default-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-default,
.btn.disabled .sprite-default,
.btn[disabled] .sprite-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -500px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon .sprite-default-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -500px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-default-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -500px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-default-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -318px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-default-selected[disabled], .sprite-default-selected.disabled {
    opacity: .5; }

.btn-icon .sprite-default-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -318px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-default-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -318px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -540px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-default[disabled], .sprite-default.disabled {
    opacity: .5; }

.btn-icon .sprite-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -540px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -540px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-delete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -162px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }
  .sprite-delete[disabled], .sprite-delete.disabled {
    opacity: .5; }

.btn-icon .sprite-delete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -162px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }

.btn-icon-solid:hover .sprite-delete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -162px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }

.sprite-desktop {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -204px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }
  .sprite-desktop[disabled], .sprite-desktop.disabled {
    opacity: .5; }

.btn-icon .sprite-desktop {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -204px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.btn-icon-solid:hover .sprite-desktop {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -204px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.sprite-download-app-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -348px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }
  .sprite-download-app-active[disabled], .sprite-download-app-active.disabled {
    opacity: .5; }

*:active > .sprite-download-app,
*:hover > .sprite-download-app {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -348px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }

.btn-icon .sprite-download-app-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -348px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }

.btn-icon.btn-outline-primary:active > .sprite-download-app,
.btn-icon.btn-outline-primary:hover > .sprite-download-app, .btn-icon.btn-outline-default:active > .sprite-download-app,
.btn-icon.btn-outline-default:hover > .sprite-download-app, .btn-icon.btn-outline-dark:active > .sprite-download-app,
.btn-icon.btn-outline-dark:hover > .sprite-download-app {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -348px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }

.btn-icon-solid:hover .sprite-download-app-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -348px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }

.sprite-download-app-sm-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -600px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-download-app-sm-active[disabled], .sprite-download-app-sm-active.disabled {
    opacity: .5; }

*:active > .sprite-download-app-sm,
*:hover > .sprite-download-app-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -600px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon .sprite-download-app-sm-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -600px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-download-app-sm,
.btn-icon.btn-outline-primary:hover > .sprite-download-app-sm, .btn-icon.btn-outline-default:active > .sprite-download-app-sm,
.btn-icon.btn-outline-default:hover > .sprite-download-app-sm, .btn-icon.btn-outline-dark:active > .sprite-download-app-sm,
.btn-icon.btn-outline-dark:hover > .sprite-download-app-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -600px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-download-app-sm-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -600px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-download-app-sm-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -632px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-download-app-sm-hover[disabled], .sprite-download-app-sm-hover.disabled {
    opacity: .5; }

.btn-icon .sprite-download-app-sm-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -632px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-download-app-sm-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -632px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-download-app-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -664px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-download-app-sm[disabled], .sprite-download-app-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-download-app-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -664px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-download-app-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -664px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-download-app {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -382px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }
  .sprite-download-app[disabled], .sprite-download-app.disabled {
    opacity: .5; }

.btn-icon .sprite-download-app {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -382px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }

.btn-icon-solid:hover .sprite-download-app {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -382px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 15px; }

.sprite-download-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 15px; }
  .sprite-download-gray[disabled], .sprite-download-gray.disabled {
    opacity: .5; }

.btn-icon .sprite-download-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 15px; }

.btn-icon-solid:hover .sprite-download-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 15px; }

.sprite-download-link {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-download-link[disabled], .sprite-download-link.disabled {
    opacity: .5; }

.btn-icon .sprite-download-link {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-download-link {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-download-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -612px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-download-white[disabled], .sprite-download-white.disabled {
    opacity: .5; }

.btn-icon .sprite-download-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -612px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-download-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -612px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-download {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -287px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 15px; }
  .sprite-download[disabled], .sprite-download.disabled {
    opacity: .5; }

.btn-icon .sprite-download {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -287px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 15px; }

.btn-icon-solid:hover .sprite-download {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -287px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 15px; }

.sprite-draft {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -610px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-draft[disabled], .sprite-draft.disabled {
    opacity: .5; }

.btn-icon .sprite-draft {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -610px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-draft {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -610px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-drag {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -460px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 14px; }
  .sprite-drag[disabled], .sprite-drag.disabled {
    opacity: .5; }

.btn-icon .sprite-drag {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -460px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 14px; }

.btn-icon-solid:hover .sprite-drag {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -460px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 14px; }

.sprite-drive-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-drive-disabled[disabled], .sprite-drive-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-drive,
.btn.disabled .sprite-drive,
.btn[disabled] .sprite-drive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-drive-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-drive-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-drive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -684px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-drive[disabled], .sprite-drive.disabled {
    opacity: .5; }

.btn-icon .sprite-drive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -684px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-drive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -684px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-drm-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 31px;
  min-width: 31px;
  height: 15px; }
  .sprite-drm-text[disabled], .sprite-drm-text.disabled {
    opacity: .5; }

.btn-icon .sprite-drm-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 31px;
  min-width: 31px;
  height: 15px; }

.btn-icon-solid:hover .sprite-drm-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 31px;
  min-width: 31px;
  height: 15px; }

.sprite-drm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -402px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }
  .sprite-drm[disabled], .sprite-drm.disabled {
    opacity: .5; }

.btn-icon .sprite-drm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -402px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.btn-icon-solid:hover .sprite-drm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -402px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.sprite-dropdown-arrow-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -611px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 7px; }
  .sprite-dropdown-arrow-active[disabled], .sprite-dropdown-arrow-active.disabled {
    opacity: .5; }

*:active > .sprite-dropdown-arrow,
*:hover > .sprite-dropdown-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -611px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 7px; }

.btn-icon .sprite-dropdown-arrow-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -611px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 7px; }

.btn-icon.btn-outline-primary:active > .sprite-dropdown-arrow,
.btn-icon.btn-outline-primary:hover > .sprite-dropdown-arrow, .btn-icon.btn-outline-default:active > .sprite-dropdown-arrow,
.btn-icon.btn-outline-default:hover > .sprite-dropdown-arrow, .btn-icon.btn-outline-dark:active > .sprite-dropdown-arrow,
.btn-icon.btn-outline-dark:hover > .sprite-dropdown-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -611px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 7px; }

.btn-icon-solid:hover .sprite-dropdown-arrow-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -611px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 7px; }

.sprite-dropdown-arrow-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -638px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 7px; }
  .sprite-dropdown-arrow-hover[disabled], .sprite-dropdown-arrow-hover.disabled {
    opacity: .5; }

.btn-icon .sprite-dropdown-arrow-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -638px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 7px; }

.btn-icon-solid:hover .sprite-dropdown-arrow-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -638px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 7px; }

.sprite-dropdown-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -665px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 7px; }
  .sprite-dropdown-arrow[disabled], .sprite-dropdown-arrow.disabled {
    opacity: .5; }

.btn-icon .sprite-dropdown-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -665px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 7px; }

.btn-icon-solid:hover .sprite-dropdown-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -665px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 7px; }

.sprite-dubbing {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -441px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }
  .sprite-dubbing[disabled], .sprite-dubbing.disabled {
    opacity: .5; }

.btn-icon .sprite-dubbing {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -441px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.btn-icon-solid:hover .sprite-dubbing {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -441px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.sprite-edit-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-edit-active[disabled], .sprite-edit-active.disabled {
    opacity: .5; }

*:active > .sprite-edit,
*:hover > .sprite-edit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon .sprite-edit-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-edit,
.btn-icon.btn-outline-primary:hover > .sprite-edit, .btn-icon.btn-outline-default:active > .sprite-edit,
.btn-icon.btn-outline-default:hover > .sprite-edit, .btn-icon.btn-outline-dark:active > .sprite-edit,
.btn-icon.btn-outline-dark:hover > .sprite-edit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-edit-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-edit-cancel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -728px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-edit-cancel[disabled], .sprite-edit-cancel.disabled {
    opacity: .5; }

.btn-icon .sprite-edit-cancel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -728px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-edit-cancel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -728px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-edit-lg-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -224px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-edit-lg-active[disabled], .sprite-edit-lg-active.disabled {
    opacity: .5; }

*:active > .sprite-edit-lg,
*:hover > .sprite-edit-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -224px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon .sprite-edit-lg-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -224px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon.btn-outline-primary:active > .sprite-edit-lg,
.btn-icon.btn-outline-primary:hover > .sprite-edit-lg, .btn-icon.btn-outline-default:active > .sprite-edit-lg,
.btn-icon.btn-outline-default:hover > .sprite-edit-lg, .btn-icon.btn-outline-dark:active > .sprite-edit-lg,
.btn-icon.btn-outline-dark:hover > .sprite-edit-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -224px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-edit-lg-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -224px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-edit-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-edit-lg[disabled], .sprite-edit-lg.disabled {
    opacity: .5; }

.btn-icon .sprite-edit-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-edit-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-edit-line-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -208px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }
  .sprite-edit-line-active[disabled], .sprite-edit-line-active.disabled {
    opacity: .5; }

*:active > .sprite-edit-line,
*:hover > .sprite-edit-line {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -208px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }

.btn-icon .sprite-edit-line-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -208px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }

.btn-icon.btn-outline-primary:active > .sprite-edit-line,
.btn-icon.btn-outline-primary:hover > .sprite-edit-line, .btn-icon.btn-outline-default:active > .sprite-edit-line,
.btn-icon.btn-outline-default:hover > .sprite-edit-line, .btn-icon.btn-outline-dark:active > .sprite-edit-line,
.btn-icon.btn-outline-dark:hover > .sprite-edit-line {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -208px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }

.btn-icon-solid:hover .sprite-edit-line-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -208px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }

.sprite-edit-line {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -242px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }
  .sprite-edit-line[disabled], .sprite-edit-line.disabled {
    opacity: .5; }

.btn-icon .sprite-edit-line {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -242px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }

.btn-icon-solid:hover .sprite-edit-line {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -242px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }

.sprite-edit-submit-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -417px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-edit-submit-active[disabled], .sprite-edit-submit-active.disabled {
    opacity: .5; }

*:active > .sprite-edit-submit,
*:hover > .sprite-edit-submit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -417px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon .sprite-edit-submit-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -417px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon.btn-outline-primary:active > .sprite-edit-submit,
.btn-icon.btn-outline-primary:hover > .sprite-edit-submit, .btn-icon.btn-outline-default:active > .sprite-edit-submit,
.btn-icon.btn-outline-default:hover > .sprite-edit-submit, .btn-icon.btn-outline-dark:active > .sprite-edit-submit,
.btn-icon.btn-outline-dark:hover > .sprite-edit-submit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -417px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-edit-submit-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -417px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-edit-submit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -457px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-edit-submit[disabled], .sprite-edit-submit.disabled {
    opacity: .5; }

.btn-icon .sprite-edit-submit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -457px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-edit-submit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -457px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-edit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -760px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-edit[disabled], .sprite-edit.disabled {
    opacity: .5; }

.btn-icon .sprite-edit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -760px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-edit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -760px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-empty-dns {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 60px; }
  .sprite-empty-dns[disabled], .sprite-empty-dns.disabled {
    opacity: .5; }

.btn-icon .sprite-empty-dns {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 60px; }

.btn-icon-solid:hover .sprite-empty-dns {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 60px; }

.sprite-empty-select-files {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -102px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 76px;
  min-width: 76px;
  height: 58px; }
  .sprite-empty-select-files[disabled], .sprite-empty-select-files.disabled {
    opacity: .5; }

.btn-icon .sprite-empty-select-files {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -102px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 76px;
  min-width: 76px;
  height: 58px; }

.btn-icon-solid:hover .sprite-empty-select-files {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -102px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 76px;
  min-width: 76px;
  height: 58px; }

.sprite-empty-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -80px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 60px; }
  .sprite-empty-storage[disabled], .sprite-empty-storage.disabled {
    opacity: .5; }

.btn-icon .sprite-empty-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -80px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 60px; }

.btn-icon-solid:hover .sprite-empty-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -80px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 60px; }

.sprite-error-big {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -198px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 62px;
  min-width: 62px;
  height: 62px; }
  .sprite-error-big[disabled], .sprite-error-big.disabled {
    opacity: .5; }

.btn-icon .sprite-error-big {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -198px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 62px;
  min-width: 62px;
  height: 62px; }

.btn-icon-solid:hover .sprite-error-big {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -198px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 62px;
  min-width: 62px;
  height: 62px; }

.sprite-error-permission {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -198px -82px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 62px;
  min-width: 62px;
  height: 62px; }
  .sprite-error-permission[disabled], .sprite-error-permission.disabled {
    opacity: .5; }

.btn-icon .sprite-error-permission {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -198px -82px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 62px;
  min-width: 62px;
  height: 62px; }

.btn-icon-solid:hover .sprite-error-permission {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -198px -82px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 62px;
  min-width: 62px;
  height: 62px; }

.sprite-error {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -722px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-error[disabled], .sprite-error.disabled {
    opacity: .5; }

.btn-icon .sprite-error {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -722px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-error {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -722px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-etc-vertical {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -336px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 3px;
  min-width: 3px;
  height: 13px; }
  .sprite-etc-vertical[disabled], .sprite-etc-vertical.disabled {
    opacity: .5; }

.btn-icon .sprite-etc-vertical {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -336px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 3px;
  min-width: 3px;
  height: 13px; }

.btn-icon-solid:hover .sprite-etc-vertical {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -336px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 3px;
  min-width: 3px;
  height: 13px; }

.sprite-etc {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -376px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 3px; }
  .sprite-etc[disabled], .sprite-etc.disabled {
    opacity: .5; }

.btn-icon .sprite-etc {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -376px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 3px; }

.btn-icon-solid:hover .sprite-etc {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -376px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 3px; }

.sprite-eventlogs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -497px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-eventlogs[disabled], .sprite-eventlogs.disabled {
    opacity: .5; }

.btn-icon .sprite-eventlogs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -497px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-eventlogs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -497px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-exclamation {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -903px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 2px;
  min-width: 2px;
  height: 10px; }
  .sprite-exclamation[disabled], .sprite-exclamation.disabled {
    opacity: .5; }

.btn-icon .sprite-exclamation {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -903px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 2px;
  min-width: 2px;
  height: 10px; }

.btn-icon-solid:hover .sprite-exclamation {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -903px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 2px;
  min-width: 2px;
  height: 10px; }

.sprite-expand-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-expand-gray[disabled], .sprite-expand-gray.disabled {
    opacity: .5; }

.btn-icon .sprite-expand-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-expand-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-expand {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -639px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-expand[disabled], .sprite-expand.disabled {
    opacity: .5; }

.btn-icon .sprite-expand {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -639px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-expand {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -639px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-facebook-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -352px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 31px; }
  .sprite-facebook-selected[disabled], .sprite-facebook-selected.disabled {
    opacity: .5; }

.btn-icon .sprite-facebook-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -352px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 31px; }

.btn-icon-solid:hover .sprite-facebook-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -352px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 31px; }

.sprite-facebook {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -403px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 31px; }
  .sprite-facebook[disabled], .sprite-facebook.disabled {
    opacity: .5; }

.btn-icon .sprite-facebook {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -403px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 31px; }

.btn-icon-solid:hover .sprite-facebook {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -403px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 31px; }

.sprite-failed {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -639px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-failed[disabled], .sprite-failed.disabled {
    opacity: .5; }

.btn-icon .sprite-failed {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -639px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-failed {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -639px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-failover-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-failover-sm[disabled], .sprite-failover-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-failover-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-failover-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-failover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -720px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-failover[disabled], .sprite-failover.disabled {
    opacity: .5; }

.btn-icon .sprite-failover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -720px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-failover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -720px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-fast-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -824px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-fast-active[disabled], .sprite-fast-active.disabled {
    opacity: .5; }

*:active > .sprite-fast,
*:hover > .sprite-fast {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -824px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon .sprite-fast-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -824px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-fast,
.btn-icon.btn-outline-primary:hover > .sprite-fast, .btn-icon.btn-outline-default:active > .sprite-fast,
.btn-icon.btn-outline-default:hover > .sprite-fast, .btn-icon.btn-outline-dark:active > .sprite-fast,
.btn-icon.btn-outline-dark:hover > .sprite-fast {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -824px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-fast-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -824px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-fast {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -856px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-fast[disabled], .sprite-fast.disabled {
    opacity: .5; }

.btn-icon .sprite-fast {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -856px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-fast {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -856px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-field-calendar-range {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -300px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-field-calendar-range[disabled], .sprite-field-calendar-range.disabled {
    opacity: .5; }

.btn-icon .sprite-field-calendar-range {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -300px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-field-calendar-range {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -300px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-field-calendar {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -338px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-field-calendar[disabled], .sprite-field-calendar.disabled {
    opacity: .5; }

.btn-icon .sprite-field-calendar {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -338px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-field-calendar {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -338px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-field-delete-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -33px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }
  .sprite-field-delete-active[disabled], .sprite-field-delete-active.disabled {
    opacity: .5; }

*:active > .sprite-field-delete,
*:hover > .sprite-field-delete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -33px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.btn-icon .sprite-field-delete-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -33px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.btn-icon.btn-outline-primary:active > .sprite-field-delete,
.btn-icon.btn-outline-primary:hover > .sprite-field-delete, .btn-icon.btn-outline-default:active > .sprite-field-delete,
.btn-icon.btn-outline-default:hover > .sprite-field-delete, .btn-icon.btn-outline-dark:active > .sprite-field-delete,
.btn-icon.btn-outline-dark:hover > .sprite-field-delete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -33px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.btn-icon-solid:hover .sprite-field-delete-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -33px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.sprite-field-delete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -66px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }
  .sprite-field-delete[disabled], .sprite-field-delete.disabled {
    opacity: .5; }

.btn-icon .sprite-field-delete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -66px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.btn-icon-solid:hover .sprite-field-delete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -66px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.sprite-field-number {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -376px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-field-number[disabled], .sprite-field-number.disabled {
    opacity: .5; }

.btn-icon .sprite-field-number {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -376px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-field-number {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -376px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-field-select-multiple {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -414px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-field-select-multiple[disabled], .sprite-field-select-multiple.disabled {
    opacity: .5; }

.btn-icon .sprite-field-select-multiple {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -414px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-field-select-multiple {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -414px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-field-select-single {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -452px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-field-select-single[disabled], .sprite-field-select-single.disabled {
    opacity: .5; }

.btn-icon .sprite-field-select-single {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -452px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-field-select-single {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -452px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-field-tag {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -490px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-field-tag[disabled], .sprite-field-tag.disabled {
    opacity: .5; }

.btn-icon .sprite-field-tag {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -490px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-field-tag {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -490px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-field-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -528px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-field-text[disabled], .sprite-field-text.disabled {
    opacity: .5; }

.btn-icon .sprite-field-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -528px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-field-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -528px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-field-textarea {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -566px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-field-textarea[disabled], .sprite-field-textarea.disabled {
    opacity: .5; }

.btn-icon .sprite-field-textarea {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -566px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-field-textarea {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -566px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-field-time-range {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -604px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-field-time-range[disabled], .sprite-field-time-range.disabled {
    opacity: .5; }

.btn-icon .sprite-field-time-range {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -604px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-field-time-range {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -604px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-field-time {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-field-time[disabled], .sprite-field-time.disabled {
    opacity: .5; }

.btn-icon .sprite-field-time {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-field-time {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -99px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }
  .sprite-file[disabled], .sprite-file.disabled {
    opacity: .5; }

.btn-icon .sprite-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -99px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.btn-icon-solid:hover .sprite-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -99px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.sprite-files {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -276px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }
  .sprite-files[disabled], .sprite-files.disabled {
    opacity: .5; }

.btn-icon .sprite-files {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -276px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }

.btn-icon-solid:hover .sprite-files {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -276px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 14px; }

.sprite-filter {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -790px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-filter[disabled], .sprite-filter.disabled {
    opacity: .5; }

.btn-icon .sprite-filter {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -790px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-filter {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -790px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-flag-audio {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -707px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 11px; }
  .sprite-flag-audio[disabled], .sprite-flag-audio.disabled {
    opacity: .5; }

.btn-icon .sprite-flag-audio {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -707px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 11px; }

.btn-icon-solid:hover .sprite-flag-audio {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -707px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 11px; }

.sprite-flag-caption {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -435px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 9px; }
  .sprite-flag-caption[disabled], .sprite-flag-caption.disabled {
    opacity: .5; }

.btn-icon .sprite-flag-caption {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -435px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 9px; }

.btn-icon-solid:hover .sprite-flag-caption {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -435px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 9px; }

.sprite-flag-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -524px -435px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 9px; }
  .sprite-flag-file[disabled], .sprite-flag-file.disabled {
    opacity: .5; }

.btn-icon .sprite-flag-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -524px -435px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 9px; }

.btn-icon-solid:hover .sprite-flag-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -524px -435px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 9px; }

.sprite-flag-image {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -756px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 9px; }
  .sprite-flag-image[disabled], .sprite-flag-image.disabled {
    opacity: .5; }

.btn-icon .sprite-flag-image {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -756px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 9px; }

.btn-icon-solid:hover .sprite-flag-image {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -814px -756px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 9px; }

.sprite-flag-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -828px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 9px; }
  .sprite-flag-video[disabled], .sprite-flag-video.disabled {
    opacity: .5; }

.btn-icon .sprite-flag-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -828px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 9px; }

.btn-icon-solid:hover .sprite-flag-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -828px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 9px; }

.sprite-folder-add-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -309px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 14px; }
  .sprite-folder-add-active[disabled], .sprite-folder-add-active.disabled {
    opacity: .5; }

*:active > .sprite-folder-add,
*:hover > .sprite-folder-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -309px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 14px; }

.btn-icon .sprite-folder-add-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -309px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 14px; }

.btn-icon.btn-outline-primary:active > .sprite-folder-add,
.btn-icon.btn-outline-primary:hover > .sprite-folder-add, .btn-icon.btn-outline-default:active > .sprite-folder-add,
.btn-icon.btn-outline-default:hover > .sprite-folder-add, .btn-icon.btn-outline-dark:active > .sprite-folder-add,
.btn-icon.btn-outline-dark:hover > .sprite-folder-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -309px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 14px; }

.btn-icon-solid:hover .sprite-folder-add-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -309px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 14px; }

.sprite-folder-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -345px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 14px; }
  .sprite-folder-add[disabled], .sprite-folder-add.disabled {
    opacity: .5; }

.btn-icon .sprite-folder-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -345px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 14px; }

.btn-icon-solid:hover .sprite-folder-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -345px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 14px; }

.sprite-folder-assets-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -238px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }
  .sprite-folder-assets-disabled[disabled], .sprite-folder-assets-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-folder-assets,
.btn.disabled .sprite-folder-assets,
.btn[disabled] .sprite-folder-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -238px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.btn-icon .sprite-folder-assets-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -238px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.btn-icon-solid:hover .sprite-folder-assets-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -238px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.sprite-folder-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -272px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }
  .sprite-folder-assets[disabled], .sprite-folder-assets.disabled {
    opacity: .5; }

.btn-icon .sprite-folder-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -272px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.btn-icon-solid:hover .sprite-folder-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -272px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.sprite-folder-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-folder-dark-active[disabled], .sprite-folder-dark-active.disabled {
    opacity: .5; }

*:active > .sprite-folder-dark,
*:hover > .sprite-folder-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-folder-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-folder-dark,
.btn-icon.btn-outline-primary:hover > .sprite-folder-dark, .btn-icon.btn-outline-default:active > .sprite-folder-dark,
.btn-icon.btn-outline-default:hover > .sprite-folder-dark, .btn-icon.btn-outline-dark:active > .sprite-folder-dark,
.btn-icon.btn-outline-dark:hover > .sprite-folder-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-folder-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-folder-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -188px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }
  .sprite-folder-dark[disabled], .sprite-folder-dark.disabled {
    opacity: .5; }

.btn-icon .sprite-folder-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -188px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.btn-icon-solid:hover .sprite-folder-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -188px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.sprite-folder-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -306px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }
  .sprite-folder-disabled[disabled], .sprite-folder-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-folder,
.btn.disabled .sprite-folder,
.btn[disabled] .sprite-folder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -306px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.btn-icon .sprite-folder-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -306px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.btn-icon-solid:hover .sprite-folder-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -306px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.sprite-folder-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -82px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 66px;
  min-width: 66px;
  height: 56px; }
  .sprite-folder-lg[disabled], .sprite-folder-lg.disabled {
    opacity: .5; }

.btn-icon .sprite-folder-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -82px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 66px;
  min-width: 66px;
  height: 56px; }

.btn-icon-solid:hover .sprite-folder-lg {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -82px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 66px;
  min-width: 66px;
  height: 56px; }

.sprite-folder-md {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -276px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 19px; }
  .sprite-folder-md[disabled], .sprite-folder-md.disabled {
    opacity: .5; }

.btn-icon .sprite-folder-md {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -276px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 19px; }

.btn-icon-solid:hover .sprite-folder-md {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -276px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 19px; }

.sprite-folder-open-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -224px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }
  .sprite-folder-open-white[disabled], .sprite-folder-open-white.disabled {
    opacity: .5; }

.btn-icon .sprite-folder-open-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -224px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.btn-icon-solid:hover .sprite-folder-open-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -224px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.sprite-folder-open {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -36px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-folder-open[disabled], .sprite-folder-open.disabled {
    opacity: .5; }

.btn-icon .sprite-folder-open {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -36px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-folder-open {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -36px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-folder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -340px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }
  .sprite-folder[disabled], .sprite-folder.disabled {
    opacity: .5; }

.btn-icon .sprite-folder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -340px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.btn-icon-solid:hover .sprite-folder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -340px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.sprite-format-mp4 {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -167px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }
  .sprite-format-mp4[disabled], .sprite-format-mp4.disabled {
    opacity: .5; }

.btn-icon .sprite-format-mp4 {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -167px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon-solid:hover .sprite-format-mp4 {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -167px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.sprite-format-music {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -203px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }
  .sprite-format-music[disabled], .sprite-format-music.disabled {
    opacity: .5; }

.btn-icon .sprite-format-music {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -203px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon-solid:hover .sprite-format-music {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -203px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.sprite-format-rtmp_push {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -239px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }
  .sprite-format-rtmp_push[disabled], .sprite-format-rtmp_push.disabled {
    opacity: .5; }

.btn-icon .sprite-format-rtmp_push {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -239px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon-solid:hover .sprite-format-rtmp_push {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -239px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.sprite-format-rtp {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -275px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }
  .sprite-format-rtp[disabled], .sprite-format-rtp.disabled {
    opacity: .5; }

.btn-icon .sprite-format-rtp {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -275px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon-solid:hover .sprite-format-rtp {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -275px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.sprite-go {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -235px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 14px; }
  .sprite-go[disabled], .sprite-go.disabled {
    opacity: .5; }

.btn-icon .sprite-go {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -235px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 14px; }

.btn-icon-solid:hover .sprite-go {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -235px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 14px; }

.sprite-group-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -642px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 12px; }
  .sprite-group-dark[disabled], .sprite-group-dark.disabled {
    opacity: .5; }

.btn-icon .sprite-group-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -642px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 12px; }

.btn-icon-solid:hover .sprite-group-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -642px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 12px; }

.sprite-group-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -230px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 12px; }
  .sprite-group-disabled[disabled], .sprite-group-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-group,
.btn.disabled .sprite-group,
.btn[disabled] .sprite-group {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -230px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 12px; }

.btn-icon .sprite-group-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -230px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 12px; }

.btn-icon-solid:hover .sprite-group-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -230px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 12px; }

.sprite-group {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -320px -230px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 12px; }
  .sprite-group[disabled], .sprite-group.disabled {
    opacity: .5; }

.btn-icon .sprite-group {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -320px -230px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 12px; }

.btn-icon-solid:hover .sprite-group {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -320px -230px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 12px; }

.sprite-hamburger {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -801px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-hamburger[disabled], .sprite-hamburger.disabled {
    opacity: .5; }

.btn-icon .sprite-hamburger {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -801px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-hamburger {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -801px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-health {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -38px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-health[disabled], .sprite-health.disabled {
    opacity: .5; }

.btn-icon .sprite-health {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -38px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-health {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -38px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-high {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-high[disabled], .sprite-high.disabled {
    opacity: .5; }

.btn-icon .sprite-high {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-high {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-highest {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -108px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-highest[disabled], .sprite-highest.disabled {
    opacity: .5; }

.btn-icon .sprite-highest {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -108px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-highest {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -108px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-history-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-history-selected[disabled], .sprite-history-selected.disabled {
    opacity: .5; }

.btn-icon .sprite-history-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-history-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-history {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -42px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-history[disabled], .sprite-history.disabled {
    opacity: .5; }

.btn-icon .sprite-history {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -42px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-history {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -42px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-image-s {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-image-s[disabled], .sprite-image-s.disabled {
    opacity: .5; }

.btn-icon .sprite-image-s {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-image-s {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-image {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -426px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-image[disabled], .sprite-image.disabled {
    opacity: .5; }

.btn-icon .sprite-image {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -426px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-image {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -426px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-impossible {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -180px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-impossible[disabled], .sprite-impossible.disabled {
    opacity: .5; }

.btn-icon .sprite-impossible {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -180px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-impossible {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -180px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-inactive-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -668px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-inactive-hover[disabled], .sprite-inactive-hover.disabled {
    opacity: .5; }

.btn-icon .sprite-inactive-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -668px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-inactive-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -668px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-inactive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -697px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-inactive[disabled], .sprite-inactive.disabled {
    opacity: .5; }

.btn-icon .sprite-inactive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -697px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-inactive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -697px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-index-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -336px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 21px; }
  .sprite-index-round[disabled], .sprite-index-round.disabled {
    opacity: .5; }

.btn-icon .sprite-index-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -336px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 21px; }

.btn-icon-solid:hover .sprite-index-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -336px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 21px; }

.sprite-index {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -442px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }
  .sprite-index[disabled], .sprite-index.disabled {
    opacity: .5; }

.btn-icon .sprite-index {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -442px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.btn-icon-solid:hover .sprite-index {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -442px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.sprite-indexing {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -674px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-indexing[disabled], .sprite-indexing.disabled {
    opacity: .5; }

.btn-icon .sprite-indexing {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -674px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-indexing {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -674px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-info-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -216px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-info-gray[disabled], .sprite-info-gray.disabled {
    opacity: .5; }

.btn-icon .sprite-info-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -216px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-info-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -216px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-info-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -252px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-info-inverse[disabled], .sprite-info-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-info-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -252px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-info-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -252px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-info-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-info-primary[disabled], .sprite-info-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-info-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-info-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-info-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -324px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-info-selected[disabled], .sprite-info-selected.disabled {
    opacity: .5; }

.btn-icon .sprite-info-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -324px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-info-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -324px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-info-transparent {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -824px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-info-transparent[disabled], .sprite-info-transparent.disabled {
    opacity: .5; }

.btn-icon .sprite-info-transparent {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -824px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-info-transparent {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -824px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-info[disabled], .sprite-info.disabled {
    opacity: .5; }

.btn-icon .sprite-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-ingesting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -709px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-ingesting[disabled], .sprite-ingesting.disabled {
    opacity: .5; }

.btn-icon .sprite-ingesting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -709px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-ingesting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -709px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-input-path {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -311px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }
  .sprite-input-path[disabled], .sprite-input-path.disabled {
    opacity: .5; }

.btn-icon .sprite-input-path {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -311px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon-solid:hover .sprite-input-path {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -311px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.sprite-instagram-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -190px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }
  .sprite-instagram-selected[disabled], .sprite-instagram-selected.disabled {
    opacity: .5; }

.btn-icon .sprite-instagram-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -190px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }

.btn-icon-solid:hover .sprite-instagram-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -190px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }

.sprite-instagram {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -236px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }
  .sprite-instagram[disabled], .sprite-instagram.disabled {
    opacity: .5; }

.btn-icon .sprite-instagram {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -236px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }

.btn-icon-solid:hover .sprite-instagram {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -236px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }

.sprite-job-type-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -466px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }
  .sprite-job-type-assets[disabled], .sprite-job-type-assets.disabled {
    opacity: .5; }

.btn-icon .sprite-job-type-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -466px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.btn-icon-solid:hover .sprite-job-type-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -466px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.sprite-job-type-copyto {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -514px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }
  .sprite-job-type-copyto[disabled], .sprite-job-type-copyto.disabled {
    opacity: .5; }

.btn-icon .sprite-job-type-copyto {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -514px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.btn-icon-solid:hover .sprite-job-type-copyto {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -514px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.sprite-job-type-createassets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }
  .sprite-job-type-createassets[disabled], .sprite-job-type-createassets.disabled {
    opacity: .5; }

.btn-icon .sprite-job-type-createassets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.btn-icon-solid:hover .sprite-job-type-createassets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.sprite-job-type-delete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -48px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }
  .sprite-job-type-delete[disabled], .sprite-job-type-delete.disabled {
    opacity: .5; }

.btn-icon .sprite-job-type-delete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -48px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.btn-icon-solid:hover .sprite-job-type-delete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -48px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.sprite-job-type-download {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }
  .sprite-job-type-download[disabled], .sprite-job-type-download.disabled {
    opacity: .5; }

.btn-icon .sprite-job-type-download {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.btn-icon-solid:hover .sprite-job-type-download {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.sprite-job-type-move {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }
  .sprite-job-type-move[disabled], .sprite-job-type-move.disabled {
    opacity: .5; }

.btn-icon .sprite-job-type-move {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.btn-icon-solid:hover .sprite-job-type-move {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.sprite-job-type-rename {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -192px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }
  .sprite-job-type-rename[disabled], .sprite-job-type-rename.disabled {
    opacity: .5; }

.btn-icon .sprite-job-type-rename {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -192px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.btn-icon-solid:hover .sprite-job-type-rename {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -192px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.sprite-job-type-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -240px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }
  .sprite-job-type-storage[disabled], .sprite-job-type-storage.disabled {
    opacity: .5; }

.btn-icon .sprite-job-type-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -240px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.btn-icon-solid:hover .sprite-job-type-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -240px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 22px; }

.sprite-json {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -744px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-json[disabled], .sprite-json.disabled {
    opacity: .5; }

.btn-icon .sprite-json {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -744px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-json {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -744px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-kakaotalk {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -263px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 30px; }
  .sprite-kakaotalk[disabled], .sprite-kakaotalk.disabled {
    opacity: .5; }

.btn-icon .sprite-kakaotalk {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -263px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 30px; }

.btn-icon-solid:hover .sprite-kakaotalk {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -263px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 30px; }

.sprite-language-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -396px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-language-active[disabled], .sprite-language-active.disabled {
    opacity: .5; }

*:active > .sprite-language,
*:hover > .sprite-language {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -396px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-language-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -396px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-language,
.btn-icon.btn-outline-primary:hover > .sprite-language, .btn-icon.btn-outline-default:active > .sprite-language,
.btn-icon.btn-outline-default:hover > .sprite-language, .btn-icon.btn-outline-dark:active > .sprite-language,
.btn-icon.btn-outline-dark:hover > .sprite-language {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -396px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-language-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -396px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-language {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-language[disabled], .sprite-language.disabled {
    opacity: .5; }

.btn-icon .sprite-language {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-language {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-leave {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -260px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }
  .sprite-leave[disabled], .sprite-leave.disabled {
    opacity: .5; }

.btn-icon .sprite-leave {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -260px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.btn-icon-solid:hover .sprite-leave {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -260px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.sprite-link-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -537px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-link-active[disabled], .sprite-link-active.disabled {
    opacity: .5; }

*:active > .sprite-link,
*:hover > .sprite-link {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -537px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon .sprite-link-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -537px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon.btn-outline-primary:active > .sprite-link,
.btn-icon.btn-outline-primary:hover > .sprite-link, .btn-icon.btn-outline-default:active > .sprite-link,
.btn-icon.btn-outline-default:hover > .sprite-link, .btn-icon.btn-outline-dark:active > .sprite-link,
.btn-icon.btn-outline-dark:hover > .sprite-link {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -537px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-link-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -537px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-link-danger {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -888px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-link-danger[disabled], .sprite-link-danger.disabled {
    opacity: .5; }

.btn-icon .sprite-link-danger {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -888px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-link-danger {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -888px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-link-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -920px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-link-dark-active[disabled], .sprite-link-dark-active.disabled {
    opacity: .5; }

*:active > .sprite-link-dark,
*:hover > .sprite-link-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -920px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon .sprite-link-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -920px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-link-dark,
.btn-icon.btn-outline-primary:hover > .sprite-link-dark, .btn-icon.btn-outline-default:active > .sprite-link-dark,
.btn-icon.btn-outline-default:hover > .sprite-link-dark, .btn-icon.btn-outline-dark:active > .sprite-link-dark,
.btn-icon.btn-outline-dark:hover > .sprite-link-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -920px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-link-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -920px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-link-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -952px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-link-dark[disabled], .sprite-link-dark.disabled {
    opacity: .5; }

.btn-icon .sprite-link-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -952px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-link-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -952px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-link-external-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -984px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-link-external-active[disabled], .sprite-link-external-active.disabled {
    opacity: .5; }

*:active > .sprite-link-external,
*:hover > .sprite-link-external {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -984px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon .sprite-link-external-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -984px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-link-external,
.btn-icon.btn-outline-primary:hover > .sprite-link-external, .btn-icon.btn-outline-default:active > .sprite-link-external,
.btn-icon.btn-outline-default:hover > .sprite-link-external, .btn-icon.btn-outline-dark:active > .sprite-link-external,
.btn-icon.btn-outline-dark:hover > .sprite-link-external {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -984px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-link-external-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -984px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-link-external {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-link-external[disabled], .sprite-link-external.disabled {
    opacity: .5; }

.btn-icon .sprite-link-external {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-link-external {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-link-gray-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -32px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-link-gray-active[disabled], .sprite-link-gray-active.disabled {
    opacity: .5; }

*:active > .sprite-link-gray,
*:hover > .sprite-link-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -32px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon .sprite-link-gray-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -32px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-link-gray,
.btn-icon.btn-outline-primary:hover > .sprite-link-gray, .btn-icon.btn-outline-default:active > .sprite-link-gray,
.btn-icon.btn-outline-default:hover > .sprite-link-gray, .btn-icon.btn-outline-dark:active > .sprite-link-gray,
.btn-icon.btn-outline-dark:hover > .sprite-link-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -32px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-link-gray-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -32px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-link-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -64px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-link-gray[disabled], .sprite-link-gray.disabled {
    opacity: .5; }

.btn-icon .sprite-link-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -64px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-link-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -64px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-link-internal {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-link-internal[disabled], .sprite-link-internal.disabled {
    opacity: .5; }

.btn-icon .sprite-link-internal {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-link-internal {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-link-layer-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -128px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-link-layer-inverse[disabled], .sprite-link-layer-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-link-layer-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -128px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-link-layer-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -128px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-link-layer-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -160px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-link-layer-primary[disabled], .sprite-link-layer-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-link-layer-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -160px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-link-layer-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -160px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-link-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -192px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-link-primary[disabled], .sprite-link-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-link-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -192px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-link-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -192px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-link {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -577px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-link[disabled], .sprite-link.disabled {
    opacity: .5; }

.btn-icon .sprite-link {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -577px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-link {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -577px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-listing-off {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -417px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 14px; }
  .sprite-listing-off[disabled], .sprite-listing-off.disabled {
    opacity: .5; }

.btn-icon .sprite-listing-off {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -417px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 14px; }

.btn-icon-solid:hover .sprite-listing-off {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -417px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 14px; }

.sprite-listing-on {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -858px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-listing-on[disabled], .sprite-listing-on.disabled {
    opacity: .5; }

.btn-icon .sprite-listing-on {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -858px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-listing-on {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -858px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-listings-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -246px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }
  .sprite-listings-sm[disabled], .sprite-listings-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-listings-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -246px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.btn-icon-solid:hover .sprite-listings-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -246px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.sprite-listings {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -472px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-listings[disabled], .sprite-listings.disabled {
    opacity: .5; }

.btn-icon .sprite-listings {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -472px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-listings {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -472px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-live-play-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -468px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-live-play-disabled[disabled], .sprite-live-play-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-live-play,
.btn.disabled .sprite-live-play,
.btn[disabled] .sprite-live-play {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -468px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-live-play-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -468px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-live-play-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -468px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-live-play {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -363px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-live-play[disabled], .sprite-live-play.disabled {
    opacity: .5; }

.btn-icon .sprite-live-play {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -363px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-live-play {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -363px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-live {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -226px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 52px;
  min-width: 52px;
  height: 17px; }
  .sprite-live[disabled], .sprite-live.disabled {
    opacity: .5; }

.btn-icon .sprite-live {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -226px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 52px;
  min-width: 52px;
  height: 17px; }

.btn-icon-solid:hover .sprite-live {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -226px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 52px;
  min-width: 52px;
  height: 17px; }

.sprite-loading-asset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -779px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-loading-asset[disabled], .sprite-loading-asset.disabled {
    opacity: .5; }

.btn-icon .sprite-loading-asset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -779px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-loading-asset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -779px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-loading-reclaim-in {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -330px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 120px;
  min-width: 120px;
  height: 15px; }
  .sprite-loading-reclaim-in[disabled], .sprite-loading-reclaim-in.disabled {
    opacity: .5; }

.btn-icon .sprite-loading-reclaim-in {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -330px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 120px;
  min-width: 120px;
  height: 15px; }

.btn-icon-solid:hover .sprite-loading-reclaim-in {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -330px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 120px;
  min-width: 120px;
  height: 15px; }

.sprite-loading {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -814px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-loading[disabled], .sprite-loading.disabled {
    opacity: .5; }

.btn-icon .sprite-loading {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -814px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-loading {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -814px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-loading_btn_02 {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -212px -330px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 63px;
  min-width: 63px;
  height: 5px; }
  .sprite-loading_btn_02[disabled], .sprite-loading_btn_02.disabled {
    opacity: .5; }

.btn-icon .sprite-loading_btn_02 {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -212px -330px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 63px;
  min-width: 63px;
  height: 5px; }

.btn-icon-solid:hover .sprite-loading_btn_02 {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -212px -330px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 63px;
  min-width: 63px;
  height: 5px; }

.sprite-local {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -374px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }
  .sprite-local[disabled], .sprite-local.disabled {
    opacity: .5; }

.btn-icon .sprite-local {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -374px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.btn-icon-solid:hover .sprite-local {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -374px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 12px; }

.sprite-lock {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -892px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-lock[disabled], .sprite-lock.disabled {
    opacity: .5; }

.btn-icon .sprite-lock {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -892px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-lock {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -892px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-logo-cloud {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 82px;
  min-width: 82px;
  height: 82px; }
  .sprite-logo-cloud[disabled], .sprite-logo-cloud.disabled {
    opacity: .5; }

.btn-icon .sprite-logo-cloud {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 82px;
  min-width: 82px;
  height: 82px; }

.btn-icon-solid:hover .sprite-logo-cloud {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 82px;
  min-width: 82px;
  height: 82px; }

.sprite-logout-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -608px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 11px; }
  .sprite-logout-active[disabled], .sprite-logout-active.disabled {
    opacity: .5; }

*:active > .sprite-logout,
*:hover > .sprite-logout {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -608px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 11px; }

.btn-icon .sprite-logout-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -608px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 11px; }

.btn-icon.btn-outline-primary:active > .sprite-logout,
.btn-icon.btn-outline-primary:hover > .sprite-logout, .btn-icon.btn-outline-default:active > .sprite-logout,
.btn-icon.btn-outline-default:hover > .sprite-logout, .btn-icon.btn-outline-dark:active > .sprite-logout,
.btn-icon.btn-outline-dark:hover > .sprite-logout {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -608px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 11px; }

.btn-icon-solid:hover .sprite-logout-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -608px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 11px; }

.sprite-logout-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -641px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 11px; }
  .sprite-logout-dark[disabled], .sprite-logout-dark.disabled {
    opacity: .5; }

.btn-icon .sprite-logout-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -641px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 11px; }

.btn-icon-solid:hover .sprite-logout-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -641px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 11px; }

.sprite-logout {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -674px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 11px; }
  .sprite-logout[disabled], .sprite-logout.disabled {
    opacity: .5; }

.btn-icon .sprite-logout {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -674px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 11px; }

.btn-icon-solid:hover .sprite-logout {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -674px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 11px; }

.sprite-low {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-low[disabled], .sprite-low.disabled {
    opacity: .5; }

.btn-icon .sprite-low {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-low {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-lowest {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -540px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-lowest[disabled], .sprite-lowest.disabled {
    opacity: .5; }

.btn-icon .sprite-lowest {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -540px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-lowest {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -540px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-m-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -48px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 28px; }
  .sprite-m-setting[disabled], .sprite-m-setting.disabled {
    opacity: .5; }

.btn-icon .sprite-m-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -48px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 28px; }

.btn-icon-solid:hover .sprite-m-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -48px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 28px; }

.sprite-mark-disable {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -369px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 7px; }
  .sprite-mark-disable[disabled], .sprite-mark-disable.disabled {
    opacity: .5; }

.btn-icon .sprite-mark-disable {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -369px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 7px; }

.btn-icon-solid:hover .sprite-mark-disable {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -369px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 7px; }

.sprite-mark-enable {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -396px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 7px; }
  .sprite-mark-enable[disabled], .sprite-mark-enable.disabled {
    opacity: .5; }

.btn-icon .sprite-mark-enable {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -396px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 7px; }

.btn-icon-solid:hover .sprite-mark-enable {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -396px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 7px; }

.sprite-markinout {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -563px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 12px; }
  .sprite-markinout[disabled], .sprite-markinout.disabled {
    opacity: .5; }

.btn-icon .sprite-markinout {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -563px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 12px; }

.btn-icon-solid:hover .sprite-markinout {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -563px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 12px; }

.sprite-maximize {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -576px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-maximize[disabled], .sprite-maximize.disabled {
    opacity: .5; }

.btn-icon .sprite-maximize {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -576px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-maximize {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -576px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-media-audio {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -68px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }
  .sprite-media-audio[disabled], .sprite-media-audio.disabled {
    opacity: .5; }

.btn-icon .sprite-media-audio {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -68px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }

.btn-icon-solid:hover .sprite-media-audio {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -68px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }

.sprite-media-caption {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -849px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-media-caption[disabled], .sprite-media-caption.disabled {
    opacity: .5; }

.btn-icon .sprite-media-caption {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -849px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-media-caption {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -849px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-media-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -868px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 13px; }
  .sprite-media-file[disabled], .sprite-media-file.disabled {
    opacity: .5; }

.btn-icon .sprite-media-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -868px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 13px; }

.btn-icon-solid:hover .sprite-media-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -868px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 13px; }

.sprite-media-image {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -102px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }
  .sprite-media-image[disabled], .sprite-media-image.disabled {
    opacity: .5; }

.btn-icon .sprite-media-image {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -102px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }

.btn-icon-solid:hover .sprite-media-image {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -102px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 13px; }

.sprite-media-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-media-text[disabled], .sprite-media-text.disabled {
    opacity: .5; }

.btn-icon .sprite-media-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-media-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-media-video-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -612px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-media-video-white[disabled], .sprite-media-video-white.disabled {
    opacity: .5; }

.btn-icon .sprite-media-video-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -612px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-media-video-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -612px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-media-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -523px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }
  .sprite-media-video[disabled], .sprite-media-video.disabled {
    opacity: .5; }

.btn-icon .sprite-media-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -523px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }

.btn-icon-solid:hover .sprite-media-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -523px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }

.sprite-media-zip {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -901px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 13px; }
  .sprite-media-zip[disabled], .sprite-media-zip.disabled {
    opacity: .5; }

.btn-icon .sprite-media-zip {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -901px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 13px; }

.btn-icon-solid:hover .sprite-media-zip {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -901px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 13px; }

.sprite-medium {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-medium[disabled], .sprite-medium.disabled {
    opacity: .5; }

.btn-icon .sprite-medium {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-medium {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-member-group {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -631px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }
  .sprite-member-group[disabled], .sprite-member-group.disabled {
    opacity: .5; }

.btn-icon .sprite-member-group {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -631px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.btn-icon-solid:hover .sprite-member-group {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -631px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.sprite-menu-admin-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -400px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-menu-admin-active[disabled], .sprite-menu-admin-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-admin,
*:hover > .sprite-menu-admin {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -400px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon .sprite-menu-admin-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -400px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-admin,
.btn-icon.btn-outline-primary:hover > .sprite-menu-admin, .btn-icon.btn-outline-default:active > .sprite-menu-admin,
.btn-icon.btn-outline-default:hover > .sprite-menu-admin, .btn-icon.btn-outline-dark:active > .sprite-menu-admin,
.btn-icon.btn-outline-dark:hover > .sprite-menu-admin {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -400px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-menu-admin-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -400px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-menu-admin {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -437px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-menu-admin[disabled], .sprite-menu-admin.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-admin {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -437px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-menu-admin {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -437px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-menu-administration-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -322px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 19px; }
  .sprite-menu-administration-active[disabled], .sprite-menu-administration-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-administration,
*:hover > .sprite-menu-administration {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -322px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 19px; }

.btn-icon .sprite-menu-administration-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -322px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 19px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-administration,
.btn-icon.btn-outline-primary:hover > .sprite-menu-administration, .btn-icon.btn-outline-default:active > .sprite-menu-administration,
.btn-icon.btn-outline-default:hover > .sprite-menu-administration, .btn-icon.btn-outline-dark:active > .sprite-menu-administration,
.btn-icon.btn-outline-dark:hover > .sprite-menu-administration {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -322px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 19px; }

.btn-icon-solid:hover .sprite-menu-administration-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -322px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 19px; }

.sprite-menu-administration {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -362px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 19px; }
  .sprite-menu-administration[disabled], .sprite-menu-administration.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-administration {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -362px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 19px; }

.btn-icon-solid:hover .sprite-menu-administration {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -362px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 19px; }

.sprite-menu-analytics-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-menu-analytics-active[disabled], .sprite-menu-analytics-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-analytics,
*:hover > .sprite-menu-analytics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon .sprite-menu-analytics-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-analytics,
.btn-icon.btn-outline-primary:hover > .sprite-menu-analytics, .btn-icon.btn-outline-default:active > .sprite-menu-analytics,
.btn-icon.btn-outline-default:hover > .sprite-menu-analytics, .btn-icon.btn-outline-dark:active > .sprite-menu-analytics,
.btn-icon.btn-outline-dark:hover > .sprite-menu-analytics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-menu-analytics-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-menu-analytics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -40px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-menu-analytics[disabled], .sprite-menu-analytics.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-analytics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -40px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-menu-analytics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -40px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-menu-arrow-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -849px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 10px; }
  .sprite-menu-arrow-active[disabled], .sprite-menu-arrow-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-arrow,
*:hover > .sprite-menu-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -849px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 10px; }

.btn-icon .sprite-menu-arrow-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -849px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 10px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-arrow,
.btn-icon.btn-outline-primary:hover > .sprite-menu-arrow, .btn-icon.btn-outline-default:active > .sprite-menu-arrow,
.btn-icon.btn-outline-default:hover > .sprite-menu-arrow, .btn-icon.btn-outline-dark:active > .sprite-menu-arrow,
.btn-icon.btn-outline-dark:hover > .sprite-menu-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -849px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 10px; }

.btn-icon-solid:hover .sprite-menu-arrow-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -849px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 10px; }

.sprite-menu-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -884px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 10px; }
  .sprite-menu-arrow[disabled], .sprite-menu-arrow.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -884px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 10px; }

.btn-icon-solid:hover .sprite-menu-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -884px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 10px; }

.sprite-menu-assets-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-assets-active[disabled], .sprite-menu-assets-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-assets,
*:hover > .sprite-menu-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-assets-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-assets,
.btn-icon.btn-outline-primary:hover > .sprite-menu-assets, .btn-icon.btn-outline-default:active > .sprite-menu-assets,
.btn-icon.btn-outline-default:hover > .sprite-menu-assets, .btn-icon.btn-outline-dark:active > .sprite-menu-assets,
.btn-icon.btn-outline-dark:hover > .sprite-menu-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-assets-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -720px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-assets[disabled], .sprite-menu-assets.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -720px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-assets {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -720px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-auth-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -76px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-menu-auth-active[disabled], .sprite-menu-auth-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-auth,
*:hover > .sprite-menu-auth {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -76px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon .sprite-menu-auth-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -76px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-auth,
.btn-icon.btn-outline-primary:hover > .sprite-menu-auth, .btn-icon.btn-outline-default:active > .sprite-menu-auth,
.btn-icon.btn-outline-default:hover > .sprite-menu-auth, .btn-icon.btn-outline-dark:active > .sprite-menu-auth,
.btn-icon.btn-outline-dark:hover > .sprite-menu-auth {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -76px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-menu-auth-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -76px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-menu-auth {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -114px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-menu-auth[disabled], .sprite-menu-auth.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-auth {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -114px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-menu-auth {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -114px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-menu-category-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-category-active[disabled], .sprite-menu-category-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-category,
*:hover > .sprite-menu-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-category-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-category,
.btn-icon.btn-outline-primary:hover > .sprite-menu-category, .btn-icon.btn-outline-default:active > .sprite-menu-category,
.btn-icon.btn-outline-default:hover > .sprite-menu-category, .btn-icon.btn-outline-dark:active > .sprite-menu-category,
.btn-icon.btn-outline-dark:hover > .sprite-menu-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-category-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-category[disabled], .sprite-menu-category.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -785px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-cdn-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -296px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }
  .sprite-menu-cdn-active[disabled], .sprite-menu-cdn-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-cdn,
*:hover > .sprite-menu-cdn {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -296px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.btn-icon .sprite-menu-cdn-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -296px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-cdn,
.btn-icon.btn-outline-primary:hover > .sprite-menu-cdn, .btn-icon.btn-outline-default:active > .sprite-menu-cdn,
.btn-icon.btn-outline-default:hover > .sprite-menu-cdn, .btn-icon.btn-outline-dark:active > .sprite-menu-cdn,
.btn-icon.btn-outline-dark:hover > .sprite-menu-cdn {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -296px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-cdn-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -296px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.sprite-menu-cdn {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -332px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }
  .sprite-menu-cdn[disabled], .sprite-menu-cdn.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-cdn {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -332px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-cdn {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -332px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.sprite-menu-channel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-channel[disabled], .sprite-menu-channel.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-channel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-channel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-chat-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-chat-active[disabled], .sprite-menu-chat-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-chat,
*:hover > .sprite-menu-chat {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-chat-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-chat,
.btn-icon.btn-outline-primary:hover > .sprite-menu-chat, .btn-icon.btn-outline-default:active > .sprite-menu-chat,
.btn-icon.btn-outline-default:hover > .sprite-menu-chat, .btn-icon.btn-outline-dark:active > .sprite-menu-chat,
.btn-icon.btn-outline-dark:hover > .sprite-menu-chat {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-chat-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-chat {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-chat[disabled], .sprite-menu-chat.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-chat {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-chat {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-contentmanagement-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -84px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-menu-contentmanagement-active[disabled], .sprite-menu-contentmanagement-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-contentmanagement,
*:hover > .sprite-menu-contentmanagement {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -84px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon .sprite-menu-contentmanagement-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -84px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-contentmanagement,
.btn-icon.btn-outline-primary:hover > .sprite-menu-contentmanagement, .btn-icon.btn-outline-default:active > .sprite-menu-contentmanagement,
.btn-icon.btn-outline-default:hover > .sprite-menu-contentmanagement, .btn-icon.btn-outline-dark:active > .sprite-menu-contentmanagement,
.btn-icon.btn-outline-dark:hover > .sprite-menu-contentmanagement {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -84px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-menu-contentmanagement-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -84px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-menu-contentmanagement {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -126px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-menu-contentmanagement[disabled], .sprite-menu-contentmanagement.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-contentmanagement {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -126px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-menu-contentmanagement {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -126px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-menu-credential {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-credential[disabled], .sprite-menu-credential.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-credential {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-credential {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-dashboard-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-dashboard-active[disabled], .sprite-menu-dashboard-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-dashboard,
*:hover > .sprite-menu-dashboard {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-dashboard-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-dashboard,
.btn-icon.btn-outline-primary:hover > .sprite-menu-dashboard, .btn-icon.btn-outline-default:active > .sprite-menu-dashboard,
.btn-icon.btn-outline-default:hover > .sprite-menu-dashboard, .btn-icon.btn-outline-dark:active > .sprite-menu-dashboard,
.btn-icon.btn-outline-dark:hover > .sprite-menu-dashboard {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-dashboard-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-dashboard {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-dashboard[disabled], .sprite-menu-dashboard.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-dashboard {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-dashboard {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-desktop-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -565px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }
  .sprite-menu-desktop-active[disabled], .sprite-menu-desktop-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-desktop,
*:hover > .sprite-menu-desktop {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -565px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }

.btn-icon .sprite-menu-desktop-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -565px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-desktop,
.btn-icon.btn-outline-primary:hover > .sprite-menu-desktop, .btn-icon.btn-outline-default:active > .sprite-menu-desktop,
.btn-icon.btn-outline-default:hover > .sprite-menu-desktop, .btn-icon.btn-outline-dark:active > .sprite-menu-desktop,
.btn-icon.btn-outline-dark:hover > .sprite-menu-desktop {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -565px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-desktop-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -565px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }

.sprite-menu-desktop {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -636px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }
  .sprite-menu-desktop[disabled], .sprite-menu-desktop.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-desktop {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -636px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-desktop {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -636px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }

.sprite-menu-dns-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -368px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }
  .sprite-menu-dns-active[disabled], .sprite-menu-dns-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-dns,
*:hover > .sprite-menu-dns {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -368px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.btn-icon .sprite-menu-dns-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -368px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-dns,
.btn-icon.btn-outline-primary:hover > .sprite-menu-dns, .btn-icon.btn-outline-default:active > .sprite-menu-dns,
.btn-icon.btn-outline-default:hover > .sprite-menu-dns, .btn-icon.btn-outline-dark:active > .sprite-menu-dns,
.btn-icon.btn-outline-dark:hover > .sprite-menu-dns {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -368px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-dns-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -368px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.sprite-menu-dns {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -404px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }
  .sprite-menu-dns[disabled], .sprite-menu-dns.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-dns {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -404px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-dns {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -404px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.sprite-menu-event-logs-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -80px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-menu-event-logs-active[disabled], .sprite-menu-event-logs-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-event-logs,
*:hover > .sprite-menu-event-logs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -80px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon .sprite-menu-event-logs-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -80px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-event-logs,
.btn-icon.btn-outline-primary:hover > .sprite-menu-event-logs, .btn-icon.btn-outline-default:active > .sprite-menu-event-logs,
.btn-icon.btn-outline-default:hover > .sprite-menu-event-logs, .btn-icon.btn-outline-dark:active > .sprite-menu-event-logs,
.btn-icon.btn-outline-dark:hover > .sprite-menu-event-logs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -80px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-menu-event-logs-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -80px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-menu-event-logs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -120px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-menu-event-logs[disabled], .sprite-menu-event-logs.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-event-logs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -120px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-menu-event-logs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -120px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-menu-eventhistory-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -168px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-menu-eventhistory-active[disabled], .sprite-menu-eventhistory-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-eventhistory,
*:hover > .sprite-menu-eventhistory {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -168px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon .sprite-menu-eventhistory-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -168px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-eventhistory,
.btn-icon.btn-outline-primary:hover > .sprite-menu-eventhistory, .btn-icon.btn-outline-default:active > .sprite-menu-eventhistory,
.btn-icon.btn-outline-default:hover > .sprite-menu-eventhistory, .btn-icon.btn-outline-dark:active > .sprite-menu-eventhistory,
.btn-icon.btn-outline-dark:hover > .sprite-menu-eventhistory {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -168px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-menu-eventhistory-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -168px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-menu-eventhistory {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -210px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-menu-eventhistory[disabled], .sprite-menu-eventhistory.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-eventhistory {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -210px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-menu-eventhistory {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -210px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-menu-eventtrigger-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-eventtrigger-active[disabled], .sprite-menu-eventtrigger-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-eventtrigger,
*:hover > .sprite-menu-eventtrigger {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-eventtrigger-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-eventtrigger,
.btn-icon.btn-outline-primary:hover > .sprite-menu-eventtrigger, .btn-icon.btn-outline-default:active > .sprite-menu-eventtrigger,
.btn-icon.btn-outline-default:hover > .sprite-menu-eventtrigger, .btn-icon.btn-outline-dark:active > .sprite-menu-eventtrigger,
.btn-icon.btn-outline-dark:hover > .sprite-menu-eventtrigger {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-eventtrigger-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-eventtrigger {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-eventtrigger[disabled], .sprite-menu-eventtrigger.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-eventtrigger {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-eventtrigger {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-files-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-files-active[disabled], .sprite-menu-files-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-files,
*:hover > .sprite-menu-files {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-files-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-files,
.btn-icon.btn-outline-primary:hover > .sprite-menu-files, .btn-icon.btn-outline-default:active > .sprite-menu-files,
.btn-icon.btn-outline-default:hover > .sprite-menu-files, .btn-icon.btn-outline-dark:active > .sprite-menu-files,
.btn-icon.btn-outline-dark:hover > .sprite-menu-files {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-files-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-files {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -324px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-files[disabled], .sprite-menu-files.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-files {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -324px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-files {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -324px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-interactivelive-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-interactivelive-active[disabled], .sprite-menu-interactivelive-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-interactivelive,
*:hover > .sprite-menu-interactivelive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-interactivelive-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-interactivelive,
.btn-icon.btn-outline-primary:hover > .sprite-menu-interactivelive, .btn-icon.btn-outline-default:active > .sprite-menu-interactivelive,
.btn-icon.btn-outline-default:hover > .sprite-menu-interactivelive, .btn-icon.btn-outline-dark:active > .sprite-menu-interactivelive,
.btn-icon.btn-outline-dark:hover > .sprite-menu-interactivelive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-interactivelive-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-interactivelive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -396px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-interactivelive[disabled], .sprite-menu-interactivelive.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-interactivelive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -396px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-interactivelive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -396px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-jobs-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -432px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-jobs-active[disabled], .sprite-menu-jobs-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-jobs,
*:hover > .sprite-menu-jobs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -432px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-jobs-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -432px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-jobs,
.btn-icon.btn-outline-primary:hover > .sprite-menu-jobs, .btn-icon.btn-outline-default:active > .sprite-menu-jobs,
.btn-icon.btn-outline-default:hover > .sprite-menu-jobs, .btn-icon.btn-outline-dark:active > .sprite-menu-jobs,
.btn-icon.btn-outline-dark:hover > .sprite-menu-jobs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -432px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-jobs-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -432px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-jobs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -468px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-jobs[disabled], .sprite-menu-jobs.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-jobs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -468px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-jobs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -468px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-lineup-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -240px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 19px; }
  .sprite-menu-lineup-active[disabled], .sprite-menu-lineup-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-lineup,
*:hover > .sprite-menu-lineup {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -240px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 19px; }

.btn-icon .sprite-menu-lineup-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -240px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 19px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-lineup,
.btn-icon.btn-outline-primary:hover > .sprite-menu-lineup, .btn-icon.btn-outline-default:active > .sprite-menu-lineup,
.btn-icon.btn-outline-default:hover > .sprite-menu-lineup, .btn-icon.btn-outline-dark:active > .sprite-menu-lineup,
.btn-icon.btn-outline-dark:hover > .sprite-menu-lineup {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -240px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 19px; }

.btn-icon-solid:hover .sprite-menu-lineup-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -240px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 19px; }

.sprite-menu-lineup {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -281px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 19px; }
  .sprite-menu-lineup[disabled], .sprite-menu-lineup.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-lineup {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -281px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 19px; }

.btn-icon-solid:hover .sprite-menu-lineup {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -281px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 19px; }

.sprite-menu-live-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-live-active[disabled], .sprite-menu-live-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-live,
*:hover > .sprite-menu-live {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-live-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-live,
.btn-icon.btn-outline-primary:hover > .sprite-menu-live, .btn-icon.btn-outline-default:active > .sprite-menu-live,
.btn-icon.btn-outline-default:hover > .sprite-menu-live, .btn-icon.btn-outline-dark:active > .sprite-menu-live,
.btn-icon.btn-outline-dark:hover > .sprite-menu-live {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-live-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-live {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -540px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-live[disabled], .sprite-menu-live.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-live {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -540px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-live {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -540px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-log-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }
  .sprite-menu-log-active[disabled], .sprite-menu-log-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-log,
*:hover > .sprite-menu-log {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }

.btn-icon .sprite-menu-log-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-log,
.btn-icon.btn-outline-primary:hover > .sprite-menu-log, .btn-icon.btn-outline-default:active > .sprite-menu-log,
.btn-icon.btn-outline-default:hover > .sprite-menu-log, .btn-icon.btn-outline-dark:active > .sprite-menu-log,
.btn-icon.btn-outline-dark:hover > .sprite-menu-log {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-log-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }

.sprite-menu-log {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }
  .sprite-menu-log[disabled], .sprite-menu-log.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-log {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-log {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 16px; }

.sprite-menu-media-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-media-active[disabled], .sprite-menu-media-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-media,
*:hover > .sprite-menu-media {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-media-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-media,
.btn-icon.btn-outline-primary:hover > .sprite-menu-media, .btn-icon.btn-outline-default:active > .sprite-menu-media,
.btn-icon.btn-outline-default:hover > .sprite-menu-media, .btn-icon.btn-outline-dark:active > .sprite-menu-media,
.btn-icon.btn-outline-dark:hover > .sprite-menu-media {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-media-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-media {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -612px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-media[disabled], .sprite-menu-media.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-media {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -612px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-media {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -612px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-metadata-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-metadata-active[disabled], .sprite-menu-metadata-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-metadata,
*:hover > .sprite-menu-metadata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-metadata-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-metadata,
.btn-icon.btn-outline-primary:hover > .sprite-menu-metadata, .btn-icon.btn-outline-default:active > .sprite-menu-metadata,
.btn-icon.btn-outline-default:hover > .sprite-menu-metadata, .btn-icon.btn-outline-dark:active > .sprite-menu-metadata,
.btn-icon.btn-outline-dark:hover > .sprite-menu-metadata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-metadata-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-metadata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -684px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-metadata[disabled], .sprite-menu-metadata.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-metadata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -684px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-metadata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -684px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-onlinemeeting-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -720px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-onlinemeeting-active[disabled], .sprite-menu-onlinemeeting-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-onlinemeeting,
*:hover > .sprite-menu-onlinemeeting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -720px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-onlinemeeting-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -720px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-onlinemeeting,
.btn-icon.btn-outline-primary:hover > .sprite-menu-onlinemeeting, .btn-icon.btn-outline-default:active > .sprite-menu-onlinemeeting,
.btn-icon.btn-outline-default:hover > .sprite-menu-onlinemeeting, .btn-icon.btn-outline-dark:active > .sprite-menu-onlinemeeting,
.btn-icon.btn-outline-dark:hover > .sprite-menu-onlinemeeting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -720px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-onlinemeeting-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -720px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-onlinemeeting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -756px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-onlinemeeting[disabled], .sprite-menu-onlinemeeting.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-onlinemeeting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -756px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-onlinemeeting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -850px -756px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-origin-storage-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-menu-origin-storage-active[disabled], .sprite-menu-origin-storage-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-origin-storage,
*:hover > .sprite-menu-origin-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon .sprite-menu-origin-storage-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-origin-storage,
.btn-icon.btn-outline-primary:hover > .sprite-menu-origin-storage, .btn-icon.btn-outline-default:active > .sprite-menu-origin-storage,
.btn-icon.btn-outline-default:hover > .sprite-menu-origin-storage, .btn-icon.btn-outline-dark:active > .sprite-menu-origin-storage,
.btn-icon.btn-outline-dark:hover > .sprite-menu-origin-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-menu-origin-storage-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-menu-origin-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -200px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-menu-origin-storage[disabled], .sprite-menu-origin-storage.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-origin-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -200px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-menu-origin-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -200px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-menu-player {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-player[disabled], .sprite-menu-player.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-player {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-player {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-project-sm-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -224px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-menu-project-sm-active[disabled], .sprite-menu-project-sm-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-project-sm,
*:hover > .sprite-menu-project-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -224px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon .sprite-menu-project-sm-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -224px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-project-sm,
.btn-icon.btn-outline-primary:hover > .sprite-menu-project-sm, .btn-icon.btn-outline-default:active > .sprite-menu-project-sm,
.btn-icon.btn-outline-default:hover > .sprite-menu-project-sm, .btn-icon.btn-outline-dark:active > .sprite-menu-project-sm,
.btn-icon.btn-outline-dark:hover > .sprite-menu-project-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -224px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-menu-project-sm-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -224px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-menu-project-sm-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -256px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-menu-project-sm-inverse[disabled], .sprite-menu-project-sm-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-project-sm-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -256px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-menu-project-sm-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -256px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-menu-project-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-menu-project-sm[disabled], .sprite-menu-project-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-project-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-menu-project-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-menu-project {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -36px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-project[disabled], .sprite-menu-project.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-project {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -36px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-project {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -36px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-projectmanager-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-projectmanager-active[disabled], .sprite-menu-projectmanager-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-projectmanager,
*:hover > .sprite-menu-projectmanager {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-projectmanager-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-projectmanager,
.btn-icon.btn-outline-primary:hover > .sprite-menu-projectmanager, .btn-icon.btn-outline-default:active > .sprite-menu-projectmanager,
.btn-icon.btn-outline-default:hover > .sprite-menu-projectmanager, .btn-icon.btn-outline-dark:active > .sprite-menu-projectmanager,
.btn-icon.btn-outline-dark:hover > .sprite-menu-projectmanager {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-projectmanager-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-projectmanager {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -108px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-projectmanager[disabled], .sprite-menu-projectmanager.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-projectmanager {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -108px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-projectmanager {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -108px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-projects-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-menu-projects-active[disabled], .sprite-menu-projects-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-projects,
*:hover > .sprite-menu-projects {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon .sprite-menu-projects-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-projects,
.btn-icon.btn-outline-primary:hover > .sprite-menu-projects, .btn-icon.btn-outline-default:active > .sprite-menu-projects,
.btn-icon.btn-outline-default:hover > .sprite-menu-projects, .btn-icon.btn-outline-dark:active > .sprite-menu-projects,
.btn-icon.btn-outline-dark:hover > .sprite-menu-projects {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-menu-projects-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-menu-projects {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -294px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-menu-projects[disabled], .sprite-menu-projects.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-projects {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -294px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-menu-projects {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -294px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-menu-realtime-stats-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -240px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-menu-realtime-stats-active[disabled], .sprite-menu-realtime-stats-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-realtime-stats,
*:hover > .sprite-menu-realtime-stats {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -240px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon .sprite-menu-realtime-stats-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -240px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-realtime-stats,
.btn-icon.btn-outline-primary:hover > .sprite-menu-realtime-stats, .btn-icon.btn-outline-default:active > .sprite-menu-realtime-stats,
.btn-icon.btn-outline-default:hover > .sprite-menu-realtime-stats, .btn-icon.btn-outline-dark:active > .sprite-menu-realtime-stats,
.btn-icon.btn-outline-dark:hover > .sprite-menu-realtime-stats {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -240px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-menu-realtime-stats-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -240px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-menu-realtime-stats {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -280px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-menu-realtime-stats[disabled], .sprite-menu-realtime-stats.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-realtime-stats {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -280px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-menu-realtime-stats {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -280px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-menu-role-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-role-inverse[disabled], .sprite-menu-role-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-role-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-role-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-role {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -180px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-role[disabled], .sprite-menu-role.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-role {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -180px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-role {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -180px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-route-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -216px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-route-active[disabled], .sprite-menu-route-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-route,
*:hover > .sprite-menu-route {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -216px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-route-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -216px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-route,
.btn-icon.btn-outline-primary:hover > .sprite-menu-route, .btn-icon.btn-outline-default:active > .sprite-menu-route,
.btn-icon.btn-outline-default:hover > .sprite-menu-route, .btn-icon.btn-outline-dark:active > .sprite-menu-route,
.btn-icon.btn-outline-dark:hover > .sprite-menu-route {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -216px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-route-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -216px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-route-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -152px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-menu-route-inverse[disabled], .sprite-menu-route-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-route-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -152px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-menu-route-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -152px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-menu-route {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -252px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-route[disabled], .sprite-menu-route.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-route {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -252px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-route {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -252px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-setting-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-setting-active[disabled], .sprite-menu-setting-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-setting,
*:hover > .sprite-menu-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-setting-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-setting,
.btn-icon.btn-outline-primary:hover > .sprite-menu-setting, .btn-icon.btn-outline-default:active > .sprite-menu-setting,
.btn-icon.btn-outline-default:hover > .sprite-menu-setting, .btn-icon.btn-outline-dark:active > .sprite-menu-setting,
.btn-icon.btn-outline-dark:hover > .sprite-menu-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-setting-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-setting-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -324px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-setting-inverse[disabled], .sprite-menu-setting-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-setting-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -324px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-setting-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -324px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-setting-sm-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-menu-setting-sm-active[disabled], .sprite-menu-setting-sm-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-setting-sm,
*:hover > .sprite-menu-setting-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon .sprite-menu-setting-sm-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-setting-sm,
.btn-icon.btn-outline-primary:hover > .sprite-menu-setting-sm, .btn-icon.btn-outline-default:active > .sprite-menu-setting-sm,
.btn-icon.btn-outline-default:hover > .sprite-menu-setting-sm, .btn-icon.btn-outline-dark:active > .sprite-menu-setting-sm,
.btn-icon.btn-outline-dark:hover > .sprite-menu-setting-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-menu-setting-sm-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-menu-setting-sm-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -34px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-menu-setting-sm-inverse[disabled], .sprite-menu-setting-sm-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-setting-sm-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -34px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-menu-setting-sm-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -34px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-menu-setting-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -68px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-menu-setting-sm[disabled], .sprite-menu-setting-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-setting-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -68px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-menu-setting-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -68px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-menu-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-setting[disabled], .sprite-menu-setting.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-statistics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -396px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-statistics[disabled], .sprite-menu-statistics.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-statistics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -396px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-statistics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -396px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-storage-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-storage-active[disabled], .sprite-menu-storage-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-storage,
*:hover > .sprite-menu-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-storage-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-storage,
.btn-icon.btn-outline-primary:hover > .sprite-menu-storage, .btn-icon.btn-outline-default:active > .sprite-menu-storage,
.btn-icon.btn-outline-default:hover > .sprite-menu-storage, .btn-icon.btn-outline-dark:active > .sprite-menu-storage,
.btn-icon.btn-outline-dark:hover > .sprite-menu-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-storage-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -468px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-storage[disabled], .sprite-menu-storage.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -468px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -468px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-switch-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -282px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }
  .sprite-menu-switch-arrow[disabled], .sprite-menu-switch-arrow.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-switch-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -282px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }

.btn-icon-solid:hover .sprite-menu-switch-arrow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -282px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }

.sprite-menu-team-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-team-active[disabled], .sprite-menu-team-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-team,
*:hover > .sprite-menu-team {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-team-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-team,
.btn-icon.btn-outline-primary:hover > .sprite-menu-team, .btn-icon.btn-outline-default:active > .sprite-menu-team,
.btn-icon.btn-outline-default:hover > .sprite-menu-team, .btn-icon.btn-outline-dark:active > .sprite-menu-team,
.btn-icon.btn-outline-dark:hover > .sprite-menu-team {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-team-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-team-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -540px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-team-inverse[disabled], .sprite-menu-team-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-team-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -540px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-team-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -540px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-team {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -576px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-team[disabled], .sprite-menu-team.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-team {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -576px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-team {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -576px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-transcoding-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -612px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-transcoding-active[disabled], .sprite-menu-transcoding-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-transcoding,
*:hover > .sprite-menu-transcoding {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -612px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-transcoding-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -612px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-transcoding,
.btn-icon.btn-outline-primary:hover > .sprite-menu-transcoding, .btn-icon.btn-outline-default:active > .sprite-menu-transcoding,
.btn-icon.btn-outline-default:hover > .sprite-menu-transcoding, .btn-icon.btn-outline-dark:active > .sprite-menu-transcoding,
.btn-icon.btn-outline-dark:hover > .sprite-menu-transcoding {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -612px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-transcoding-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -612px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-transcoding {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-transcoding[disabled], .sprite-menu-transcoding.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-transcoding {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-transcoding {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-user-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-user-active[disabled], .sprite-menu-user-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-user,
*:hover > .sprite-menu-user {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-menu-user-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-user,
.btn-icon.btn-outline-primary:hover > .sprite-menu-user, .btn-icon.btn-outline-default:active > .sprite-menu-user,
.btn-icon.btn-outline-default:hover > .sprite-menu-user, .btn-icon.btn-outline-dark:active > .sprite-menu-user,
.btn-icon.btn-outline-dark:hover > .sprite-menu-user {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-user-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-user-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -720px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-user-inverse[disabled], .sprite-menu-user-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-user-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -720px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-user-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -720px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-user {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-menu-user[disabled], .sprite-menu-user.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-user {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-menu-user {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-menu-usermngt-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -483px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 17px; }
  .sprite-menu-usermngt-active[disabled], .sprite-menu-usermngt-active.disabled {
    opacity: .5; }

*:active > .sprite-menu-usermngt,
*:hover > .sprite-menu-usermngt {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -483px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 17px; }

.btn-icon .sprite-menu-usermngt-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -483px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 17px; }

.btn-icon.btn-outline-primary:active > .sprite-menu-usermngt,
.btn-icon.btn-outline-primary:hover > .sprite-menu-usermngt, .btn-icon.btn-outline-default:active > .sprite-menu-usermngt,
.btn-icon.btn-outline-default:hover > .sprite-menu-usermngt, .btn-icon.btn-outline-dark:active > .sprite-menu-usermngt,
.btn-icon.btn-outline-dark:hover > .sprite-menu-usermngt {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -483px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 17px; }

.btn-icon-solid:hover .sprite-menu-usermngt-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -483px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 17px; }

.sprite-menu-usermngt {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -524px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 17px; }
  .sprite-menu-usermngt[disabled], .sprite-menu-usermngt.disabled {
    opacity: .5; }

.btn-icon .sprite-menu-usermngt {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -524px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 17px; }

.btn-icon-solid:hover .sprite-menu-usermngt {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -524px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 17px; }

.sprite-menu {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -128px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 10px; }
  .sprite-menu[disabled], .sprite-menu.disabled {
    opacity: .5; }

.btn-icon .sprite-menu {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -128px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 10px; }

.btn-icon-solid:hover .sprite-menu {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -128px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 10px; }

.sprite-metadata-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-metadata-active[disabled], .sprite-metadata-active.disabled {
    opacity: .5; }

*:active > .sprite-metadata,
*:hover > .sprite-metadata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-metadata-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-metadata,
.btn-icon.btn-outline-primary:hover > .sprite-metadata, .btn-icon.btn-outline-default:active > .sprite-metadata,
.btn-icon.btn-outline-default:hover > .sprite-metadata, .btn-icon.btn-outline-dark:active > .sprite-metadata,
.btn-icon.btn-outline-dark:hover > .sprite-metadata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-metadata-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-metadata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -828px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-metadata[disabled], .sprite-metadata.disabled {
    opacity: .5; }

.btn-icon .sprite-metadata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -828px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-metadata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -828px -821px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-minimize {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-minimize[disabled], .sprite-minimize.disabled {
    opacity: .5; }

.btn-icon .sprite-minimize {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-minimize {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-minus {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -535px -349px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 2px; }
  .sprite-minus[disabled], .sprite-minus.disabled {
    opacity: .5; }

.btn-icon .sprite-minus {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -535px -349px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 2px; }

.btn-icon-solid:hover .sprite-minus {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -535px -349px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 2px; }

.sprite-more-menu-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -35px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-more-menu-active[disabled], .sprite-more-menu-active.disabled {
    opacity: .5; }

*:active > .sprite-more-menu,
*:hover > .sprite-more-menu {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -35px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon .sprite-more-menu-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -35px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon.btn-outline-primary:active > .sprite-more-menu,
.btn-icon.btn-outline-primary:hover > .sprite-more-menu, .btn-icon.btn-outline-default:active > .sprite-more-menu,
.btn-icon.btn-outline-default:hover > .sprite-more-menu, .btn-icon.btn-outline-dark:active > .sprite-more-menu,
.btn-icon.btn-outline-dark:hover > .sprite-more-menu {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -35px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-more-menu-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -35px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-more-menu-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -70px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-more-menu-hover[disabled], .sprite-more-menu-hover.disabled {
    opacity: .5; }

.btn-icon .sprite-more-menu-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -70px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-more-menu-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -70px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-more-menu {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -105px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-more-menu[disabled], .sprite-more-menu.disabled {
    opacity: .5; }

.btn-icon .sprite-more-menu {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -105px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-more-menu {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -105px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-more-toggle-close {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -770px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 11px; }
  .sprite-more-toggle-close[disabled], .sprite-more-toggle-close.disabled {
    opacity: .5; }

.btn-icon .sprite-more-toggle-close {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -770px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 11px; }

.btn-icon-solid:hover .sprite-more-toggle-close {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -770px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 11px;
  min-width: 11px;
  height: 11px; }

.sprite-more-toggle-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -320px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-more-toggle-selected[disabled], .sprite-more-toggle-selected.disabled {
    opacity: .5; }

.btn-icon .sprite-more-toggle-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -320px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-more-toggle-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -320px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-more-toggle {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-more-toggle[disabled], .sprite-more-toggle.disabled {
    opacity: .5; }

.btn-icon .sprite-more-toggle {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-more-toggle {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-more {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -475px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }
  .sprite-more[disabled], .sprite-more.disabled {
    opacity: .5; }

.btn-icon .sprite-more {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -475px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.btn-icon-solid:hover .sprite-more {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -475px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.sprite-move-down {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -320px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-move-down[disabled], .sprite-move-down.disabled {
    opacity: .5; }

.btn-icon .sprite-move-down {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -320px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-move-down {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -320px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-move-folder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -102px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-move-folder[disabled], .sprite-move-folder.disabled {
    opacity: .5; }

.btn-icon .sprite-move-folder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -102px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-move-folder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -102px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-move-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -352px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-move-up[disabled], .sprite-move-up.disabled {
    opacity: .5; }

.btn-icon .sprite-move-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -352px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-move-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -352px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-multiple-asset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -400px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-multiple-asset[disabled], .sprite-multiple-asset.disabled {
    opacity: .5; }

.btn-icon .sprite-multiple-asset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -400px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-multiple-asset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -400px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-multiple {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -159px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 8px; }
  .sprite-multiple[disabled], .sprite-multiple.disabled {
    opacity: .5; }

.btn-icon .sprite-multiple {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -159px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 8px; }

.btn-icon-solid:hover .sprite-multiple {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -159px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 8px; }

.sprite-music-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -287px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }
  .sprite-music-sm[disabled], .sprite-music-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-music-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -287px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.btn-icon-solid:hover .sprite-music-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -287px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.sprite-music {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -518px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-music[disabled], .sprite-music.disabled {
    opacity: .5; }

.btn-icon .sprite-music {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -518px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-music {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -518px -512px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-nav-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -118px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 34px;
  min-width: 34px;
  height: 34px; }
  .sprite-nav-upload[disabled], .sprite-nav-upload.disabled {
    opacity: .5; }

.btn-icon .sprite-nav-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -118px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 34px;
  min-width: 34px;
  height: 34px; }

.btn-icon-solid:hover .sprite-nav-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -118px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 34px;
  min-width: 34px;
  height: 34px; }

.sprite-nav-uploading {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -172px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 34px;
  min-width: 34px;
  height: 34px; }
  .sprite-nav-uploading[disabled], .sprite-nav-uploading.disabled {
    opacity: .5; }

.btn-icon .sprite-nav-uploading {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -172px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 34px;
  min-width: 34px;
  height: 34px; }

.btn-icon-solid:hover .sprite-nav-uploading {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -172px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 34px;
  min-width: 34px;
  height: 34px; }

.sprite-new {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -384px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-new[disabled], .sprite-new.disabled {
    opacity: .5; }

.btn-icon .sprite-new {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -384px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-new {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -384px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-next {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 16px; }
  .sprite-next[disabled], .sprite-next.disabled {
    opacity: .5; }

.btn-icon .sprite-next {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 16px; }

.btn-icon-solid:hover .sprite-next {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 16px; }

.sprite-no-videoai-drm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 59px;
  min-width: 59px;
  height: 42px; }
  .sprite-no-videoai-drm[disabled], .sprite-no-videoai-drm.disabled {
    opacity: .5; }

.btn-icon .sprite-no-videoai-drm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 59px;
  min-width: 59px;
  height: 42px; }

.btn-icon-solid:hover .sprite-no-videoai-drm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 59px;
  min-width: 59px;
  height: 42px; }

.sprite-nodata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 50px; }
  .sprite-nodata[disabled], .sprite-nodata.disabled {
    opacity: .5; }

.btn-icon .sprite-nodata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 50px; }

.btn-icon-solid:hover .sprite-nodata {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -280px -160px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 50px; }

.sprite-nofolder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -78px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 59px;
  min-width: 59px;
  height: 46px; }
  .sprite-nofolder[disabled], .sprite-nofolder.disabled {
    opacity: .5; }

.btn-icon .sprite-nofolder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -78px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 59px;
  min-width: 59px;
  height: 46px; }

.btn-icon-solid:hover .sprite-nofolder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -78px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 59px;
  min-width: 59px;
  height: 46px; }

.sprite-nohierarchy {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 58px;
  min-width: 58px;
  height: 48px; }
  .sprite-nohierarchy[disabled], .sprite-nohierarchy.disabled {
    opacity: .5; }

.btn-icon .sprite-nohierarchy {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 58px;
  min-width: 58px;
  height: 48px; }

.btn-icon-solid:hover .sprite-nohierarchy {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 58px;
  min-width: 58px;
  height: 48px; }

.sprite-nojob {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -238px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 43px; }
  .sprite-nojob[disabled], .sprite-nojob.disabled {
    opacity: .5; }

.btn-icon .sprite-nojob {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -238px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 43px; }

.btn-icon-solid:hover .sprite-nojob {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -238px -262px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 43px; }

.sprite-none-health {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -190px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-none-health[disabled], .sprite-none-health.disabled {
    opacity: .5; }

.btn-icon .sprite-none-health {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -190px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-none-health {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -190px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-nosearch {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -168px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 48px; }
  .sprite-nosearch[disabled], .sprite-nosearch.disabled {
    opacity: .5; }

.btn-icon .sprite-nosearch {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -168px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 48px; }

.btn-icon-solid:hover .sprite-nosearch {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -168px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 60px;
  min-width: 60px;
  height: 48px; }

.sprite-not-collected-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-not-collected-inverse[disabled], .sprite-not-collected-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-not-collected-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-not-collected-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-not-collected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-not-collected[disabled], .sprite-not-collected.disabled {
    opacity: .5; }

.btn-icon .sprite-not-collected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-not-collected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-notice-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -318px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 19px; }
  .sprite-notice-sm[disabled], .sprite-notice-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-notice-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -318px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 19px; }

.btn-icon-solid:hover .sprite-notice-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -318px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 19px; }

.sprite-notification-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-notification-inverse[disabled], .sprite-notification-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-notification-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-notification-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-notification {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -123px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 15px; }
  .sprite-notification[disabled], .sprite-notification.disabled {
    opacity: .5; }

.btn-icon .sprite-notification {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -123px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 15px; }

.btn-icon-solid:hover .sprite-notification {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -123px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 15px; }

.sprite-nowidget {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -79px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 59px;
  min-width: 59px;
  height: 42px; }
  .sprite-nowidget[disabled], .sprite-nowidget.disabled {
    opacity: .5; }

.btn-icon .sprite-nowidget {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -79px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 59px;
  min-width: 59px;
  height: 42px; }

.btn-icon-solid:hover .sprite-nowidget {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -79px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 59px;
  min-width: 59px;
  height: 42px; }

.sprite-order-down {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -423px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 7px; }
  .sprite-order-down[disabled], .sprite-order-down.disabled {
    opacity: .5; }

.btn-icon .sprite-order-down {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -423px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 7px; }

.btn-icon-solid:hover .sprite-order-down {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -423px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 7px; }

.sprite-order-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -450px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 7px; }
  .sprite-order-up[disabled], .sprite-order-up.disabled {
    opacity: .5; }

.btn-icon .sprite-order-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -450px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 7px; }

.btn-icon-solid:hover .sprite-order-up {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -450px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 7px; }

.sprite-organization {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -480px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }
  .sprite-organization[disabled], .sprite-organization.disabled {
    opacity: .5; }

.btn-icon .sprite-organization {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -480px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.btn-icon-solid:hover .sprite-organization {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -480px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.sprite-origin-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -440px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-origin-storage[disabled], .sprite-origin-storage.disabled {
    opacity: .5; }

.btn-icon .sprite-origin-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -440px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-origin-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -440px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-output-path {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -598px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 12px; }
  .sprite-output-path[disabled], .sprite-output-path.disabled {
    opacity: .5; }

.btn-icon .sprite-output-path {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -598px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 12px; }

.btn-icon-solid:hover .sprite-output-path {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -598px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 12px; }

.sprite-owner-project {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -381px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 14px; }
  .sprite-owner-project[disabled], .sprite-owner-project.disabled {
    opacity: .5; }

.btn-icon .sprite-owner-project {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -381px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 14px; }

.btn-icon-solid:hover .sprite-owner-project {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -381px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 14px; }

.sprite-owner-stage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -161px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 15px; }
  .sprite-owner-stage[disabled], .sprite-owner-stage.disabled {
    opacity: .5; }

.btn-icon .sprite-owner-stage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -161px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 15px; }

.btn-icon-solid:hover .sprite-owner-stage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -161px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 15px; }

.sprite-path-input-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-path-input-white[disabled], .sprite-path-input-white.disabled {
    opacity: .5; }

.btn-icon .sprite-path-input-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-path-input-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-path-output-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-path-output-white[disabled], .sprite-path-output-white.disabled {
    opacity: .5; }

.btn-icon .sprite-path-output-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-path-output-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-path-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-path-white[disabled], .sprite-path-white.disabled {
    opacity: .5; }

.btn-icon .sprite-path-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-path-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-path {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-path[disabled], .sprite-path.disabled {
    opacity: .5; }

.btn-icon .sprite-path {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-path {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -252px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-pending-warning {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -228px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-pending-warning[disabled], .sprite-pending-warning.disabled {
    opacity: .5; }

.btn-icon .sprite-pending-warning {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -228px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-pending-warning {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -228px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-pending {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -726px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-pending[disabled], .sprite-pending.disabled {
    opacity: .5; }

.btn-icon .sprite-pending {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -726px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-pending {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -726px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-people-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -328px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }
  .sprite-people-sm[disabled], .sprite-people-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-people-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -328px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.btn-icon-solid:hover .sprite-people-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -328px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.sprite-people {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-people[disabled], .sprite-people.disabled {
    opacity: .5; }

.btn-icon .sprite-people {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-people {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-photo-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -369px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }
  .sprite-photo-sm[disabled], .sprite-photo-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-photo-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -369px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.btn-icon-solid:hover .sprite-photo-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -369px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.sprite-photo-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-photo-type[disabled], .sprite-photo-type.disabled {
    opacity: .5; }

.btn-icon .sprite-photo-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-photo-type {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -288px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-photo {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -46px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-photo[disabled], .sprite-photo.disabled {
    opacity: .5; }

.btn-icon .sprite-photo {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -46px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-photo {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -46px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-play-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -416px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-play-disabled[disabled], .sprite-play-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-play,
.btn.disabled .sprite-play,
.btn[disabled] .sprite-play {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -416px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon .sprite-play-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -416px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-play-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -416px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-play {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -448px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-play[disabled], .sprite-play.disabled {
    opacity: .5; }

.btn-icon .sprite-play {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -448px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-play {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -448px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-player-select {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -324px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-player-select[disabled], .sprite-player-select.disabled {
    opacity: .5; }

.btn-icon .sprite-player-select {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -324px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-player-select {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -324px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-player {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-player[disabled], .sprite-player.disabled {
    opacity: .5; }

.btn-icon .sprite-player {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-player {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -360px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-plus-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -280px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }
  .sprite-plus-primary[disabled], .sprite-plus-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-plus-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -280px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon-solid:hover .sprite-plus-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -280px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.sprite-plus {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -310px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }
  .sprite-plus[disabled], .sprite-plus.disabled {
    opacity: .5; }

.btn-icon .sprite-plus {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -310px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon-solid:hover .sprite-plus {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -310px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.sprite-preload-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -136px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-preload-active[disabled], .sprite-preload-active.disabled {
    opacity: .5; }

*:active > .sprite-preload,
*:hover > .sprite-preload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -136px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon .sprite-preload-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -136px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon.btn-outline-primary:active > .sprite-preload,
.btn-icon.btn-outline-primary:hover > .sprite-preload, .btn-icon.btn-outline-default:active > .sprite-preload,
.btn-icon.btn-outline-default:hover > .sprite-preload, .btn-icon.btn-outline-dark:active > .sprite-preload,
.btn-icon.btn-outline-dark:hover > .sprite-preload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -136px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-preload-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -136px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-preload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -170px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-preload[disabled], .sprite-preload.disabled {
    opacity: .5; }

.btn-icon .sprite-preload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -170px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-preload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -170px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-preparing-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -755px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-preparing-hover[disabled], .sprite-preparing-hover.disabled {
    opacity: .5; }

.btn-icon .sprite-preparing-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -755px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-preparing-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -755px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-preparing {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -784px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-preparing[disabled], .sprite-preparing.disabled {
    opacity: .5; }

.btn-icon .sprite-preparing {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -784px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-preparing {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -784px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-prev {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 16px; }
  .sprite-prev[disabled], .sprite-prev.disabled {
    opacity: .5; }

.btn-icon .sprite-prev {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 16px; }

.btn-icon-solid:hover .sprite-prev {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 16px; }

.sprite-preview-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -140px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-preview-inverse[disabled], .sprite-preview-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-preview-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -140px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-preview-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -140px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-preview-next {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -313px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 41px; }
  .sprite-preview-next[disabled], .sprite-preview-next.disabled {
    opacity: .5; }

.btn-icon .sprite-preview-next {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -313px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 41px; }

.btn-icon-solid:hover .sprite-preview-next {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -313px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 41px; }

.sprite-preview-prev {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -374px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 41px; }
  .sprite-preview-prev[disabled], .sprite-preview-prev.disabled {
    opacity: .5; }

.btn-icon .sprite-preview-prev {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -374px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 41px; }

.btn-icon-solid:hover .sprite-preview-prev {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -493px -374px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 41px; }

.sprite-preview-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -508px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }
  .sprite-preview-white[disabled], .sprite-preview-white.disabled {
    opacity: .5; }

.btn-icon .sprite-preview-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -508px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.btn-icon-solid:hover .sprite-preview-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -508px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.sprite-preview {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -541px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }
  .sprite-preview[disabled], .sprite-preview.disabled {
    opacity: .5; }

.btn-icon .sprite-preview {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -541px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.btn-icon-solid:hover .sprite-preview {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -541px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.sprite-program {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -92px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-program[disabled], .sprite-program.disabled {
    opacity: .5; }

.btn-icon .sprite-program {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -92px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-program {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -92px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-progressing {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -175px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-progressing[disabled], .sprite-progressing.disabled {
    opacity: .5; }

.btn-icon .sprite-progressing {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -175px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-progressing {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -175px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-project-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }
  .sprite-project-sm[disabled], .sprite-project-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-project-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.btn-icon-solid:hover .sprite-project-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.sprite-project {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -396px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-project[disabled], .sprite-project.disabled {
    opacity: .5; }

.btn-icon .sprite-project {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -396px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-project {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -396px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-projects {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -432px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-projects[disabled], .sprite-projects.disabled {
    opacity: .5; }

.btn-icon .sprite-projects {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -432px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-projects {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -432px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-publish-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -519px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }
  .sprite-publish-active[disabled], .sprite-publish-active.disabled {
    opacity: .5; }

*:active > .sprite-publish,
*:hover > .sprite-publish {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -519px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.btn-icon .sprite-publish-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -519px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.btn-icon.btn-outline-primary:active > .sprite-publish,
.btn-icon.btn-outline-primary:hover > .sprite-publish, .btn-icon.btn-outline-default:active > .sprite-publish,
.btn-icon.btn-outline-default:hover > .sprite-publish, .btn-icon.btn-outline-dark:active > .sprite-publish,
.btn-icon.btn-outline-dark:hover > .sprite-publish {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -519px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.btn-icon-solid:hover .sprite-publish-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -519px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.sprite-publish-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -558px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }
  .sprite-publish-disabled[disabled], .sprite-publish-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-publish,
.btn.disabled .sprite-publish,
.btn[disabled] .sprite-publish {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -558px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.btn-icon .sprite-publish-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -558px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.btn-icon-solid:hover .sprite-publish-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -558px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.sprite-publish {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -597px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }
  .sprite-publish[disabled], .sprite-publish.disabled {
    opacity: .5; }

.btn-icon .sprite-publish {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -597px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.btn-icon-solid:hover .sprite-publish {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -597px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 19px; }

.sprite-purge-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -204px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-purge-active[disabled], .sprite-purge-active.disabled {
    opacity: .5; }

*:active > .sprite-purge,
*:hover > .sprite-purge {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -204px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon .sprite-purge-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -204px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon.btn-outline-primary:active > .sprite-purge,
.btn-icon.btn-outline-primary:hover > .sprite-purge, .btn-icon.btn-outline-default:active > .sprite-purge,
.btn-icon.btn-outline-default:hover > .sprite-purge, .btn-icon.btn-outline-dark:active > .sprite-purge,
.btn-icon.btn-outline-dark:hover > .sprite-purge {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -204px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-purge-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -204px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-purge {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -238px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-purge[disabled], .sprite-purge.disabled {
    opacity: .5; }

.btn-icon .sprite-purge {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -238px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-purge {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -238px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-qrcode-popup-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -468px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-qrcode-popup-active[disabled], .sprite-qrcode-popup-active.disabled {
    opacity: .5; }

*:active > .sprite-qrcode-popup,
*:hover > .sprite-qrcode-popup {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -468px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-qrcode-popup-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -468px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-qrcode-popup,
.btn-icon.btn-outline-primary:hover > .sprite-qrcode-popup, .btn-icon.btn-outline-default:active > .sprite-qrcode-popup,
.btn-icon.btn-outline-default:hover > .sprite-qrcode-popup, .btn-icon.btn-outline-dark:active > .sprite-qrcode-popup,
.btn-icon.btn-outline-dark:hover > .sprite-qrcode-popup {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -468px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-qrcode-popup-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -468px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-qrcode-popup {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-qrcode-popup[disabled], .sprite-qrcode-popup.disabled {
    opacity: .5; }

.btn-icon .sprite-qrcode-popup {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-qrcode-popup {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-qrcode {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -574px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }
  .sprite-qrcode[disabled], .sprite-qrcode.disabled {
    opacity: .5; }

.btn-icon .sprite-qrcode {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -574px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.btn-icon-solid:hover .sprite-qrcode {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -574px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.sprite-question {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -540px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-question[disabled], .sprite-question.disabled {
    opacity: .5; }

.btn-icon .sprite-question {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -540px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-question {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -540px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-ready {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -813px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-ready[disabled], .sprite-ready.disabled {
    opacity: .5; }

.btn-icon .sprite-ready {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -813px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-ready {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -813px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-realtime-stats {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -480px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-realtime-stats[disabled], .sprite-realtime-stats.disabled {
    opacity: .5; }

.btn-icon .sprite-realtime-stats {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -480px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-realtime-stats {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -480px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-reclaim-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-reclaim-active[disabled], .sprite-reclaim-active.disabled {
    opacity: .5; }

*:active > .sprite-reclaim,
*:hover > .sprite-reclaim {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-reclaim-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-reclaim,
.btn-icon.btn-outline-primary:hover > .sprite-reclaim, .btn-icon.btn-outline-default:active > .sprite-reclaim,
.btn-icon.btn-outline-default:hover > .sprite-reclaim, .btn-icon.btn-outline-dark:active > .sprite-reclaim,
.btn-icon.btn-outline-dark:hover > .sprite-reclaim {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-reclaim-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -576px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-reclaim-in {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -210px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-reclaim-in[disabled], .sprite-reclaim-in.disabled {
    opacity: .5; }

.btn-icon .sprite-reclaim-in {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -210px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-reclaim-in {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -210px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-reclaim-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -612px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-reclaim-info[disabled], .sprite-reclaim-info.disabled {
    opacity: .5; }

.btn-icon .sprite-reclaim-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -612px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-reclaim-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -612px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-reclaim {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-reclaim[disabled], .sprite-reclaim.disabled {
    opacity: .5; }

.btn-icon .sprite-reclaim {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-reclaim {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-recording {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -520px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-recording[disabled], .sprite-recording.disabled {
    opacity: .5; }

.btn-icon .sprite-recording {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -520px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-recording {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -520px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-reference-linked {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -474px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-reference-linked[disabled], .sprite-reference-linked.disabled {
    opacity: .5; }

.btn-icon .sprite-reference-linked {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -474px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-reference-linked {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -474px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-refresh-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -347px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }
  .sprite-refresh-active[disabled], .sprite-refresh-active.disabled {
    opacity: .5; }

*:active > .sprite-refresh,
*:hover > .sprite-refresh {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -347px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon .sprite-refresh-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -347px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-refresh,
.btn-icon.btn-outline-primary:hover > .sprite-refresh, .btn-icon.btn-outline-default:active > .sprite-refresh,
.btn-icon.btn-outline-default:hover > .sprite-refresh, .btn-icon.btn-outline-dark:active > .sprite-refresh,
.btn-icon.btn-outline-dark:hover > .sprite-refresh {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -347px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon-solid:hover .sprite-refresh-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -347px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.sprite-refresh-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -383px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }
  .sprite-refresh-default[disabled], .sprite-refresh-default.disabled {
    opacity: .5; }

.btn-icon .sprite-refresh-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -383px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon-solid:hover .sprite-refresh-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -383px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.sprite-refresh {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -419px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }
  .sprite-refresh[disabled], .sprite-refresh.disabled {
    opacity: .5; }

.btn-icon .sprite-refresh {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -419px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon-solid:hover .sprite-refresh {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -419px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.sprite-reject-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -684px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-reject-active[disabled], .sprite-reject-active.disabled {
    opacity: .5; }

*:active > .sprite-reject,
*:hover > .sprite-reject {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -684px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-reject-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -684px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-reject,
.btn-icon.btn-outline-primary:hover > .sprite-reject, .btn-icon.btn-outline-default:active > .sprite-reject,
.btn-icon.btn-outline-default:hover > .sprite-reject, .btn-icon.btn-outline-dark:active > .sprite-reject,
.btn-icon.btn-outline-dark:hover > .sprite-reject {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -684px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-reject-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -684px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-reject-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -720px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-reject-info[disabled], .sprite-reject-info.disabled {
    opacity: .5; }

.btn-icon .sprite-reject-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -720px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-reject-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -720px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-reject {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -756px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-reject[disabled], .sprite-reject.disabled {
    opacity: .5; }

.btn-icon .sprite-reject {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -756px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-reject {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -756px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-remote {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -198px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 15px; }
  .sprite-remote[disabled], .sprite-remote.disabled {
    opacity: .5; }

.btn-icon .sprite-remote {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -198px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 15px; }

.btn-icon-solid:hover .sprite-remote {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -198px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 15px; }

.sprite-remove {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -792px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-remove[disabled], .sprite-remove.disabled {
    opacity: .5; }

.btn-icon .sprite-remove {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -792px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-remove {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -792px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-repeat {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -150px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 18px; }
  .sprite-repeat[disabled], .sprite-repeat.disabled {
    opacity: .5; }

.btn-icon .sprite-repeat {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -150px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 18px; }

.btn-icon-solid:hover .sprite-repeat {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -150px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 18px; }

.sprite-replica {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -842px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-replica[disabled], .sprite-replica.disabled {
    opacity: .5; }

.btn-icon .sprite-replica {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -842px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-replica {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -842px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-request {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -440px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 17px; }
  .sprite-request[disabled], .sprite-request.disabled {
    opacity: .5; }

.btn-icon .sprite-request {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -440px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 17px; }

.btn-icon-solid:hover .sprite-request {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -440px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 17px; }

.sprite-reset-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -833px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-reset-active[disabled], .sprite-reset-active.disabled {
    opacity: .5; }

*:active > .sprite-reset,
*:hover > .sprite-reset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -833px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon .sprite-reset-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -833px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon.btn-outline-primary:active > .sprite-reset,
.btn-icon.btn-outline-primary:hover > .sprite-reset, .btn-icon.btn-outline-default:active > .sprite-reset,
.btn-icon.btn-outline-default:hover > .sprite-reset, .btn-icon.btn-outline-dark:active > .sprite-reset,
.btn-icon.btn-outline-dark:hover > .sprite-reset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -833px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-reset-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -833px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-reset-bold-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-reset-bold-dark-active[disabled], .sprite-reset-bold-dark-active.disabled {
    opacity: .5; }

*:active > .sprite-reset-bold-dark,
*:hover > .sprite-reset-bold-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-reset-bold-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-reset-bold-dark,
.btn-icon.btn-outline-primary:hover > .sprite-reset-bold-dark, .btn-icon.btn-outline-default:active > .sprite-reset-bold-dark,
.btn-icon.btn-outline-default:hover > .sprite-reset-bold-dark, .btn-icon.btn-outline-dark:active > .sprite-reset-bold-dark,
.btn-icon.btn-outline-dark:hover > .sprite-reset-bold-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-reset-bold-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-reset-bold-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -36px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-reset-bold-dark[disabled], .sprite-reset-bold-dark.disabled {
    opacity: .5; }

.btn-icon .sprite-reset-bold-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -36px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-reset-bold-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -36px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-reset-bold {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-reset-bold[disabled], .sprite-reset-bold.disabled {
    opacity: .5; }

.btn-icon .sprite-reset-bold {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-reset-bold {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-reset-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -865px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-reset-dark-active[disabled], .sprite-reset-dark-active.disabled {
    opacity: .5; }

*:active > .sprite-reset-dark,
*:hover > .sprite-reset-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -865px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon .sprite-reset-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -865px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon.btn-outline-primary:active > .sprite-reset-dark,
.btn-icon.btn-outline-primary:hover > .sprite-reset-dark, .btn-icon.btn-outline-default:active > .sprite-reset-dark,
.btn-icon.btn-outline-default:hover > .sprite-reset-dark, .btn-icon.btn-outline-dark:active > .sprite-reset-dark,
.btn-icon.btn-outline-dark:hover > .sprite-reset-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -865px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-reset-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -865px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-reset-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -897px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-reset-dark[disabled], .sprite-reset-dark.disabled {
    opacity: .5; }

.btn-icon .sprite-reset-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -897px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-reset-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -897px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-reset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -929px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-reset[disabled], .sprite-reset.disabled {
    opacity: .5; }

.btn-icon .sprite-reset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -929px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-reset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -929px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-restore {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -322px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 15px; }
  .sprite-restore[disabled], .sprite-restore.disabled {
    opacity: .5; }

.btn-icon .sprite-restore {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -322px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 15px; }

.btn-icon-solid:hover .sprite-restore {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -322px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 15px; }

.sprite-retry-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -480px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-retry-active[disabled], .sprite-retry-active.disabled {
    opacity: .5; }

*:active > .sprite-retry,
*:hover > .sprite-retry {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -480px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon .sprite-retry-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -480px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-retry,
.btn-icon.btn-outline-primary:hover > .sprite-retry, .btn-icon.btn-outline-default:active > .sprite-retry,
.btn-icon.btn-outline-default:hover > .sprite-retry, .btn-icon.btn-outline-dark:active > .sprite-retry,
.btn-icon.btn-outline-dark:hover > .sprite-retry {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -480px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-retry-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -480px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-retry {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -512px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-retry[disabled], .sprite-retry.disabled {
    opacity: .5; }

.btn-icon .sprite-retry {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -512px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-retry {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -512px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-return-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -108px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-return-active[disabled], .sprite-return-active.disabled {
    opacity: .5; }

*:active > .sprite-return,
*:hover > .sprite-return {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -108px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-return-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -108px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-return,
.btn-icon.btn-outline-primary:hover > .sprite-return, .btn-icon.btn-outline-default:active > .sprite-return,
.btn-icon.btn-outline-default:hover > .sprite-return, .btn-icon.btn-outline-dark:active > .sprite-return,
.btn-icon.btn-outline-dark:hover > .sprite-return {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -108px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-return-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -108px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-return-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-return-info[disabled], .sprite-return-info.disabled {
    opacity: .5; }

.btn-icon .sprite-return-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-return-info {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-return-reverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -494px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 9px; }
  .sprite-return-reverse[disabled], .sprite-return-reverse.disabled {
    opacity: .5; }

.btn-icon .sprite-return-reverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -494px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 9px; }

.btn-icon-solid:hover .sprite-return-reverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -494px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 9px; }

.sprite-return {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -180px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-return[disabled], .sprite-return.disabled {
    opacity: .5; }

.btn-icon .sprite-return {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -180px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-return {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -180px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-run {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -272px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-run[disabled], .sprite-run.disabled {
    opacity: .5; }

.btn-icon .sprite-run {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -272px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-run {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -272px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-s3-box {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -176px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }
  .sprite-s3-box[disabled], .sprite-s3-box.disabled {
    opacity: .5; }

.btn-icon .sprite-s3-box {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -176px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.btn-icon-solid:hover .sprite-s3-box {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -176px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.sprite-s3 {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -452px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 14px; }
  .sprite-s3[disabled], .sprite-s3.disabled {
    opacity: .5; }

.btn-icon .sprite-s3 {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -452px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 14px; }

.btn-icon-solid:hover .sprite-s3 {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -452px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 14px; }

.sprite-save-cancel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -266px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-save-cancel[disabled], .sprite-save-cancel.disabled {
    opacity: .5; }

.btn-icon .sprite-save-cancel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -266px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-save-cancel {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -266px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-save-submit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -304px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-save-submit[disabled], .sprite-save-submit.disabled {
    opacity: .5; }

.btn-icon .sprite-save-submit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -304px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-save-submit {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -304px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-search-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -511px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-search-dark[disabled], .sprite-search-dark.disabled {
    opacity: .5; }

.btn-icon .sprite-search-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -511px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-search-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -511px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-search-gray-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -548px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-search-gray-active[disabled], .sprite-search-gray-active.disabled {
    opacity: .5; }

*:active > .sprite-search-gray,
*:hover > .sprite-search-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -548px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon .sprite-search-gray-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -548px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon.btn-outline-primary:active > .sprite-search-gray,
.btn-icon.btn-outline-primary:hover > .sprite-search-gray, .btn-icon.btn-outline-default:active > .sprite-search-gray,
.btn-icon.btn-outline-default:hover > .sprite-search-gray, .btn-icon.btn-outline-dark:active > .sprite-search-gray,
.btn-icon.btn-outline-dark:hover > .sprite-search-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -548px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-search-gray-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -548px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-search-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -585px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-search-gray[disabled], .sprite-search-gray.disabled {
    opacity: .5; }

.btn-icon .sprite-search-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -585px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-search-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -585px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-search {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -216px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-search[disabled], .sprite-search.disabled {
    opacity: .5; }

.btn-icon .sprite-search {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -216px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-search {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -216px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-select-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -560px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-select-active[disabled], .sprite-select-active.disabled {
    opacity: .5; }

*:active > .sprite-select,
*:hover > .sprite-select {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -560px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon .sprite-select-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -560px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon.btn-outline-primary:active > .sprite-select,
.btn-icon.btn-outline-primary:hover > .sprite-select, .btn-icon.btn-outline-default:active > .sprite-select,
.btn-icon.btn-outline-default:hover > .sprite-select, .btn-icon.btn-outline-dark:active > .sprite-select,
.btn-icon.btn-outline-dark:hover > .sprite-select {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -560px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-select-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -656px -560px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-select-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -102px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 76px;
  min-width: 76px;
  height: 58px; }
  .sprite-select-category[disabled], .sprite-select-category.disabled {
    opacity: .5; }

.btn-icon .sprite-select-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -102px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 76px;
  min-width: 76px;
  height: 58px; }

.btn-icon-solid:hover .sprite-select-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -102px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 76px;
  min-width: 76px;
  height: 58px; }

.sprite-select-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-select-inverse[disabled], .sprite-select-inverse.disabled {
    opacity: .5; }

.btn-icon .sprite-select-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-select-inverse {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-select {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -40px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-select[disabled], .sprite-select.disabled {
    opacity: .5; }

.btn-icon .sprite-select {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -40px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-select {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -40px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-selected-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -80px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-selected-sm[disabled], .sprite-selected-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-selected-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -80px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-selected-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -80px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-selected-xs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -252px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-selected-xs[disabled], .sprite-selected-xs.disabled {
    opacity: .5; }

.btn-icon .sprite-selected-xs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -252px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-selected-xs {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -252px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -220px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }
  .sprite-selected[disabled], .sprite-selected.disabled {
    opacity: .5; }

.btn-icon .sprite-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -220px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.btn-icon-solid:hover .sprite-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -220px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.sprite-sent {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 62px;
  min-width: 62px;
  height: 62px; }
  .sprite-sent[disabled], .sprite-sent.disabled {
    opacity: .5; }

.btn-icon .sprite-sent {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 62px;
  min-width: 62px;
  height: 62px; }

.btn-icon-solid:hover .sprite-sent {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 62px;
  min-width: 62px;
  height: 62px; }

.sprite-separator {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -190px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }
  .sprite-separator[disabled], .sprite-separator.disabled {
    opacity: .5; }

.btn-icon .sprite-separator {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -190px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }

.btn-icon-solid:hover .sprite-separator {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -190px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }

.sprite-service {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -871px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-service[disabled], .sprite-service.disabled {
    opacity: .5; }

.btn-icon .sprite-service {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -871px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-service {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -871px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-setting-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -622px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-setting-active[disabled], .sprite-setting-active.disabled {
    opacity: .5; }

*:active > .sprite-setting,
*:hover > .sprite-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -622px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon .sprite-setting-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -622px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon.btn-outline-primary:active > .sprite-setting,
.btn-icon.btn-outline-primary:hover > .sprite-setting, .btn-icon.btn-outline-default:active > .sprite-setting,
.btn-icon.btn-outline-default:hover > .sprite-setting, .btn-icon.btn-outline-dark:active > .sprite-setting,
.btn-icon.btn-outline-dark:hover > .sprite-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -622px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-setting-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -622px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-setting-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -659px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-setting-dark[disabled], .sprite-setting-dark.disabled {
    opacity: .5; }

.btn-icon .sprite-setting-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -659px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-setting-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -659px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-setting-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-setting-selected[disabled], .sprite-setting-selected.disabled {
    opacity: .5; }

.btn-icon .sprite-setting-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-setting-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -37px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }
  .sprite-setting[disabled], .sprite-setting.disabled {
    opacity: .5; }

.btn-icon .sprite-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -37px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.btn-icon-solid:hover .sprite-setting {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -37px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 17px; }

.sprite-settings {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -120px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-settings[disabled], .sprite-settings.disabled {
    opacity: .5; }

.btn-icon .sprite-settings {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -120px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-settings {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -120px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-share-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-share-add[disabled], .sprite-share-add.disabled {
    opacity: .5; }

.btn-icon .sprite-share-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-share-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -288px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-share-link {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -324px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-share-link[disabled], .sprite-share-link.disabled {
    opacity: .5; }

.btn-icon .sprite-share-link {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -324px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-share-link {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -324px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-share-team {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -342px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-share-team[disabled], .sprite-share-team.disabled {
    opacity: .5; }

.btn-icon .sprite-share-team {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -342px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-share-team {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -342px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-share-user {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -380px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-share-user[disabled], .sprite-share-user.disabled {
    opacity: .5; }

.btn-icon .sprite-share-user {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -380px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-share-user {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -380px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-sharebox-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -666px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }
  .sprite-sharebox-active[disabled], .sprite-sharebox-active.disabled {
    opacity: .5; }

*:active > .sprite-sharebox,
*:hover > .sprite-sharebox {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -666px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.btn-icon .sprite-sharebox-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -666px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.btn-icon.btn-outline-primary:active > .sprite-sharebox,
.btn-icon.btn-outline-primary:hover > .sprite-sharebox, .btn-icon.btn-outline-default:active > .sprite-sharebox,
.btn-icon.btn-outline-default:hover > .sprite-sharebox, .btn-icon.btn-outline-dark:active > .sprite-sharebox,
.btn-icon.btn-outline-dark:hover > .sprite-sharebox {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -666px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.btn-icon-solid:hover .sprite-sharebox-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -666px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.sprite-sharebox-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -272px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 14px; }
  .sprite-sharebox-add[disabled], .sprite-sharebox-add.disabled {
    opacity: .5; }

.btn-icon .sprite-sharebox-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -272px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 14px; }

.btn-icon-solid:hover .sprite-sharebox-add {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -272px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 14px; }

.sprite-sharebox-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-sharebox-primary[disabled], .sprite-sharebox-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-sharebox-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-sharebox-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-sharebox {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -701px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }
  .sprite-sharebox[disabled], .sprite-sharebox.disabled {
    opacity: .5; }

.btn-icon .sprite-sharebox {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -701px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.btn-icon-solid:hover .sprite-sharebox {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -701px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.sprite-sharer {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -396px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-sharer[disabled], .sprite-sharer.disabled {
    opacity: .5; }

.btn-icon .sprite-sharer {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -396px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-sharer {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -396px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-single-asset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -160px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-single-asset[disabled], .sprite-single-asset.disabled {
    opacity: .5; }

.btn-icon .sprite-single-asset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -160px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-single-asset {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -160px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-single {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -218px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }
  .sprite-single[disabled], .sprite-single.disabled {
    opacity: .5; }

.btn-icon .sprite-single {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -218px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }

.btn-icon-solid:hover .sprite-single {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -218px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }

.sprite-slow-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -544px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-slow-active[disabled], .sprite-slow-active.disabled {
    opacity: .5; }

*:active > .sprite-slow,
*:hover > .sprite-slow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -544px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon .sprite-slow-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -544px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon.btn-outline-primary:active > .sprite-slow,
.btn-icon.btn-outline-primary:hover > .sprite-slow, .btn-icon.btn-outline-default:active > .sprite-slow,
.btn-icon.btn-outline-default:hover > .sprite-slow, .btn-icon.btn-outline-dark:active > .sprite-slow,
.btn-icon.btn-outline-dark:hover > .sprite-slow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -544px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-slow-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -544px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-slow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -576px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }
  .sprite-slow[disabled], .sprite-slow.disabled {
    opacity: .5; }

.btn-icon .sprite-slow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -576px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.btn-icon-solid:hover .sprite-slow {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -576px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.sprite-sns-completed {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -418px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-sns-completed[disabled], .sprite-sns-completed.disabled {
    opacity: .5; }

.btn-icon .sprite-sns-completed {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -418px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-sns-completed {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -418px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-sns-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -330px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 52px;
  min-width: 52px;
  height: 52px; }
  .sprite-sns-hover[disabled], .sprite-sns-hover.disabled {
    opacity: .5; }

.btn-icon .sprite-sns-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -330px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 52px;
  min-width: 52px;
  height: 52px; }

.btn-icon-solid:hover .sprite-sns-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -330px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 52px;
  min-width: 52px;
  height: 52px; }

.sprite-sns-publish {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -456px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-sns-publish[disabled], .sprite-sns-publish.disabled {
    opacity: .5; }

.btn-icon .sprite-sns-publish {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -456px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-sns-publish {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -456px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-sort {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -455px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }
  .sprite-sort[disabled], .sprite-sort.disabled {
    opacity: .5; }

.btn-icon .sprite-sort {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -455px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon-solid:hover .sprite-sort {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -455px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.sprite-source-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 16px; }
  .sprite-source-selected[disabled], .sprite-source-selected.disabled {
    opacity: .5; }

.btn-icon .sprite-source-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 16px; }

.btn-icon-solid:hover .sprite-source-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 16px; }

.sprite-source {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 16px; }
  .sprite-source[disabled], .sprite-source.disabled {
    opacity: .5; }

.btn-icon .sprite-source {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 16px; }

.btn-icon-solid:hover .sprite-source {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -216px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 16px; }

.sprite-start-primary-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -64px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }
  .sprite-start-primary-disabled[disabled], .sprite-start-primary-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-start-primary,
.btn.disabled .sprite-start-primary,
.btn[disabled] .sprite-start-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -64px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.btn-icon .sprite-start-primary-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -64px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.btn-icon-solid:hover .sprite-start-primary-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -64px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.sprite-start-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -96px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }
  .sprite-start-primary[disabled], .sprite-start-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-start-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -96px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.btn-icon-solid:hover .sprite-start-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -96px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.sprite-start {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -128px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }
  .sprite-start[disabled], .sprite-start.disabled {
    opacity: .5; }

.btn-icon .sprite-start {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -128px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.btn-icon-solid:hover .sprite-start {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -128px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 12px; }

.sprite-statistics-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -535px -313px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 16px; }
  .sprite-statistics-active[disabled], .sprite-statistics-active.disabled {
    opacity: .5; }

*:active > .sprite-statistics,
*:hover > .sprite-statistics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -535px -313px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 16px; }

.btn-icon .sprite-statistics-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -535px -313px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-statistics,
.btn-icon.btn-outline-primary:hover > .sprite-statistics, .btn-icon.btn-outline-default:active > .sprite-statistics,
.btn-icon.btn-outline-default:hover > .sprite-statistics, .btn-icon.btn-outline-dark:active > .sprite-statistics,
.btn-icon.btn-outline-dark:hover > .sprite-statistics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -535px -313px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 16px; }

.btn-icon-solid:hover .sprite-statistics-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -535px -313px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 16px; }

.sprite-statistics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -535px -374px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 16px; }
  .sprite-statistics[disabled], .sprite-statistics.disabled {
    opacity: .5; }

.btn-icon .sprite-statistics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -535px -374px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 16px; }

.btn-icon-solid:hover .sprite-statistics {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -535px -374px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 16px; }

.sprite-status-active-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -900px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-status-active-hover[disabled], .sprite-status-active-hover.disabled {
    opacity: .5; }

*:active > .sprite-status-hover,
*:hover > .sprite-status-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -900px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon .sprite-status-active-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -900px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon.btn-outline-primary:active > .sprite-status-hover,
.btn-icon.btn-outline-primary:hover > .sprite-status-hover, .btn-icon.btn-outline-default:active > .sprite-status-hover,
.btn-icon.btn-outline-default:hover > .sprite-status-hover, .btn-icon.btn-outline-dark:active > .sprite-status-hover,
.btn-icon.btn-outline-dark:hover > .sprite-status-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -900px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-status-active-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -900px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-status-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -929px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-status-active[disabled], .sprite-status-active.disabled {
    opacity: .5; }

*:active > .sprite-status,
*:hover > .sprite-status {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -929px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon .sprite-status-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -929px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon.btn-outline-primary:active > .sprite-status,
.btn-icon.btn-outline-primary:hover > .sprite-status, .btn-icon.btn-outline-default:active > .sprite-status,
.btn-icon.btn-outline-default:hover > .sprite-status, .btn-icon.btn-outline-dark:active > .sprite-status,
.btn-icon.btn-outline-dark:hover > .sprite-status {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -929px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-status-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -929px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-status-inactive-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -958px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-status-inactive-hover[disabled], .sprite-status-inactive-hover.disabled {
    opacity: .5; }

.btn-icon .sprite-status-inactive-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -958px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-status-inactive-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -958px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-status-inactive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -987px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }
  .sprite-status-inactive[disabled], .sprite-status-inactive.disabled {
    opacity: .5; }

.btn-icon .sprite-status-inactive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -987px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.btn-icon-solid:hover .sprite-status-inactive {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -987px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 9px;
  min-width: 9px;
  height: 9px; }

.sprite-stop-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -340px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }
  .sprite-stop-dark-active[disabled], .sprite-stop-dark-active.disabled {
    opacity: .5; }

*:active > .sprite-stop-dark,
*:hover > .sprite-stop-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -340px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon .sprite-stop-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -340px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon.btn-outline-primary:active > .sprite-stop-dark,
.btn-icon.btn-outline-primary:hover > .sprite-stop-dark, .btn-icon.btn-outline-default:active > .sprite-stop-dark,
.btn-icon.btn-outline-default:hover > .sprite-stop-dark, .btn-icon.btn-outline-dark:active > .sprite-stop-dark,
.btn-icon.btn-outline-dark:hover > .sprite-stop-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -340px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon-solid:hover .sprite-stop-dark-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -340px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.sprite-stop-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -370px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }
  .sprite-stop-dark[disabled], .sprite-stop-dark.disabled {
    opacity: .5; }

.btn-icon .sprite-stop-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -370px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon-solid:hover .sprite-stop-dark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -370px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.sprite-stop-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -400px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }
  .sprite-stop-disabled[disabled], .sprite-stop-disabled.disabled {
    opacity: .5; }

.btn:disabled .sprite-stop,
.btn.disabled .sprite-stop,
.btn[disabled] .sprite-stop {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -400px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon .sprite-stop-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -400px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon-solid:hover .sprite-stop-disabled {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -400px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.sprite-stop-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -430px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }
  .sprite-stop-white[disabled], .sprite-stop-white.disabled {
    opacity: .5; }

.btn-icon .sprite-stop-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -430px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.btn-icon-solid:hover .sprite-stop-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1054px -430px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 10px;
  min-width: 10px;
  height: 10px; }

.sprite-stop {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -306px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-stop[disabled], .sprite-stop.disabled {
    opacity: .5; }

.btn-icon .sprite-stop {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -306px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-stop {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -306px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-stopped {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -340px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-stopped[disabled], .sprite-stopped.disabled {
    opacity: .5; }

.btn-icon .sprite-stopped {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -340px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-stopped {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -340px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-storage-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-storage-primary-active[disabled], .sprite-storage-primary-active.disabled {
    opacity: .5; }

*:active > .sprite-storage-primary,
*:hover > .sprite-storage-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-storage-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-storage-primary,
.btn-icon.btn-outline-primary:hover > .sprite-storage-primary, .btn-icon.btn-outline-default:active > .sprite-storage-primary,
.btn-icon.btn-outline-default:hover > .sprite-storage-primary, .btn-icon.btn-outline-dark:active > .sprite-storage-primary,
.btn-icon.btn-outline-dark:hover > .sprite-storage-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-storage-primary-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -432px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-storage-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -468px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-storage-primary[disabled], .sprite-storage-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-storage-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -468px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-storage-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -468px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -138px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-storage[disabled], .sprite-storage.disabled {
    opacity: .5; }

.btn-icon .sprite-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -138px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-storage {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -138px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-success {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -374px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-success[disabled], .sprite-success.disabled {
    opacity: .5; }

.btn-icon .sprite-success {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -374px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-success {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -374px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-switch-vertical-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -961px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-switch-vertical-active[disabled], .sprite-switch-vertical-active.disabled {
    opacity: .5; }

*:active > .sprite-switch-vertical,
*:hover > .sprite-switch-vertical {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -961px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon .sprite-switch-vertical-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -961px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon.btn-outline-primary:active > .sprite-switch-vertical,
.btn-icon.btn-outline-primary:hover > .sprite-switch-vertical, .btn-icon.btn-outline-default:active > .sprite-switch-vertical,
.btn-icon.btn-outline-default:hover > .sprite-switch-vertical, .btn-icon.btn-outline-dark:active > .sprite-switch-vertical,
.btn-icon.btn-outline-dark:hover > .sprite-switch-vertical {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -961px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-switch-vertical-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -961px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-switch-vertical-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -993px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-switch-vertical-primary[disabled], .sprite-switch-vertical-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-switch-vertical-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -993px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-switch-vertical-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -993px -996px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-switch-vertical {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-switch-vertical[disabled], .sprite-switch-vertical.disabled {
    opacity: .5; }

.btn-icon .sprite-switch-vertical {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-switch-vertical {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-switch {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -491px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }
  .sprite-switch[disabled], .sprite-switch.disabled {
    opacity: .5; }

.btn-icon .sprite-switch {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -491px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon-solid:hover .sprite-switch {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -491px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.sprite-sync-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -357px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 16px; }
  .sprite-sync-active[disabled], .sprite-sync-active.disabled {
    opacity: .5; }

*:active > .sprite-sync,
*:hover > .sprite-sync {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -357px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 16px; }

.btn-icon .sprite-sync-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -357px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-sync,
.btn-icon.btn-outline-primary:hover > .sprite-sync, .btn-icon.btn-outline-default:active > .sprite-sync,
.btn-icon.btn-outline-default:hover > .sprite-sync, .btn-icon.btn-outline-dark:active > .sprite-sync,
.btn-icon.btn-outline-dark:hover > .sprite-sync {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -357px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 16px; }

.btn-icon-solid:hover .sprite-sync-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -357px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 16px; }

.sprite-sync-complete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-sync-complete[disabled], .sprite-sync-complete.disabled {
    opacity: .5; }

.btn-icon .sprite-sync-complete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-sync-complete {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -504px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-sync {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -393px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 16px; }
  .sprite-sync[disabled], .sprite-sync.disabled {
    opacity: .5; }

.btn-icon .sprite-sync {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -393px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 16px; }

.btn-icon-solid:hover .sprite-sync {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -393px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 16px; }

.sprite-system-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -408px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-system-active[disabled], .sprite-system-active.disabled {
    opacity: .5; }

*:active > .sprite-system,
*:hover > .sprite-system {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -408px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon .sprite-system-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -408px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon.btn-outline-primary:active > .sprite-system,
.btn-icon.btn-outline-primary:hover > .sprite-system, .btn-icon.btn-outline-default:active > .sprite-system,
.btn-icon.btn-outline-default:hover > .sprite-system, .btn-icon.btn-outline-dark:active > .sprite-system,
.btn-icon.btn-outline-dark:hover > .sprite-system {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -408px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-system-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -408px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-system-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -442px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-system-primary[disabled], .sprite-system-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-system-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -442px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-system-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -442px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-system {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -476px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-system[disabled], .sprite-system.disabled {
    opacity: .5; }

.btn-icon .sprite-system {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -476px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-system {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -476px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-tab-category-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -540px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-tab-category-active[disabled], .sprite-tab-category-active.disabled {
    opacity: .5; }

*:active > .sprite-tab-category,
*:hover > .sprite-tab-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -540px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-tab-category-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -540px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-tab-category,
.btn-icon.btn-outline-primary:hover > .sprite-tab-category, .btn-icon.btn-outline-default:active > .sprite-tab-category,
.btn-icon.btn-outline-default:hover > .sprite-tab-category, .btn-icon.btn-outline-dark:active > .sprite-tab-category,
.btn-icon.btn-outline-dark:hover > .sprite-tab-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -540px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-tab-category-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -540px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-tab-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -576px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-tab-category[disabled], .sprite-tab-category.disabled {
    opacity: .5; }

.btn-icon .sprite-tab-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -576px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-tab-category {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -576px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-tabs-check-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -559px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 6px; }
  .sprite-tabs-check-active[disabled], .sprite-tabs-check-active.disabled {
    opacity: .5; }

*:active > .sprite-tabs-check,
*:hover > .sprite-tabs-check {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -559px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 6px; }

.btn-icon .sprite-tabs-check-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -559px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 6px; }

.btn-icon.btn-outline-primary:active > .sprite-tabs-check,
.btn-icon.btn-outline-primary:hover > .sprite-tabs-check, .btn-icon.btn-outline-default:active > .sprite-tabs-check,
.btn-icon.btn-outline-default:hover > .sprite-tabs-check, .btn-icon.btn-outline-dark:active > .sprite-tabs-check,
.btn-icon.btn-outline-dark:hover > .sprite-tabs-check {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -559px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 6px; }

.btn-icon-solid:hover .sprite-tabs-check-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -559px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 6px; }

.sprite-tabs-check {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -585px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 6px; }
  .sprite-tabs-check[disabled], .sprite-tabs-check.disabled {
    opacity: .5; }

.btn-icon .sprite-tabs-check {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -585px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 6px; }

.btn-icon-solid:hover .sprite-tabs-check {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -585px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 6px; }

.sprite-teams-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -736px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }
  .sprite-teams-active[disabled], .sprite-teams-active.disabled {
    opacity: .5; }

*:active > .sprite-teams,
*:hover > .sprite-teams {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -736px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.btn-icon .sprite-teams-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -736px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.btn-icon.btn-outline-primary:active > .sprite-teams,
.btn-icon.btn-outline-primary:hover > .sprite-teams, .btn-icon.btn-outline-default:active > .sprite-teams,
.btn-icon.btn-outline-default:hover > .sprite-teams, .btn-icon.btn-outline-dark:active > .sprite-teams,
.btn-icon.btn-outline-dark:hover > .sprite-teams {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -736px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.btn-icon-solid:hover .sprite-teams-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -736px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.sprite-teams-box {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -264px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }
  .sprite-teams-box[disabled], .sprite-teams-box.disabled {
    opacity: .5; }

.btn-icon .sprite-teams-box {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -264px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.btn-icon-solid:hover .sprite-teams-box {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -264px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.sprite-teams {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -132px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }
  .sprite-teams[disabled], .sprite-teams.disabled {
    opacity: .5; }

.btn-icon .sprite-teams {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -132px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.btn-icon-solid:hover .sprite-teams {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -132px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 13px; }

.sprite-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -184px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-text[disabled], .sprite-text.disabled {
    opacity: .5; }

.btn-icon .sprite-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -184px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -184px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-textarea {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -612px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-textarea[disabled], .sprite-textarea.disabled {
    opacity: .5; }

.btn-icon .sprite-textarea {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -612px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-textarea {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -612px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-thumb-audio-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 27px; }
  .sprite-thumb-audio-sm[disabled], .sprite-thumb-audio-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-audio-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 27px; }

.btn-icon-solid:hover .sprite-thumb-audio-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -144px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 27px; }

.sprite-thumb-audio {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -156px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }
  .sprite-thumb-audio[disabled], .sprite-thumb-audio.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-audio {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -156px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.btn-icon-solid:hover .sprite-thumb-audio {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -156px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.sprite-thumb-channels-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -210px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 30px;
  min-width: 30px;
  height: 25px; }
  .sprite-thumb-channels-sm[disabled], .sprite-thumb-channels-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-channels-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -210px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 30px;
  min-width: 30px;
  height: 25px; }

.btn-icon-solid:hover .sprite-thumb-channels-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -210px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 30px;
  min-width: 30px;
  height: 25px; }

.sprite-thumb-channels {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 47px;
  min-width: 47px;
  height: 58px; }
  .sprite-thumb-channels[disabled], .sprite-thumb-channels.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-channels {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 47px;
  min-width: 47px;
  height: 58px; }

.btn-icon-solid:hover .sprite-thumb-channels {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 47px;
  min-width: 47px;
  height: 58px; }

.sprite-thumb-file-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -283px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 27px; }
  .sprite-thumb-file-sm[disabled], .sprite-thumb-file-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-file-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -283px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 27px; }

.btn-icon-solid:hover .sprite-thumb-file-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -283px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 27px; }

.sprite-thumb-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -234px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }
  .sprite-thumb-file[disabled], .sprite-thumb-file.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -234px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.btn-icon-solid:hover .sprite-thumb-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -234px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.sprite-thumb-img-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -364px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 20px; }
  .sprite-thumb-img-sm[disabled], .sprite-thumb-img-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-img-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -364px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 20px; }

.btn-icon-solid:hover .sprite-thumb-img-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -364px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 20px; }

.sprite-thumb-img {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }
  .sprite-thumb-img[disabled], .sprite-thumb-img.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-img {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.btn-icon-solid:hover .sprite-thumb-img {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.sprite-thumb-listings-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -234px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 31px;
  min-width: 31px;
  height: 29px; }
  .sprite-thumb-listings-sm[disabled], .sprite-thumb-listings-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-listings-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -234px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 31px;
  min-width: 31px;
  height: 29px; }

.btn-icon-solid:hover .sprite-thumb-listings-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -234px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 31px;
  min-width: 31px;
  height: 29px; }

.sprite-thumb-listings {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -78px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 47px;
  min-width: 47px;
  height: 58px; }
  .sprite-thumb-listings[disabled], .sprite-thumb-listings.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-listings {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -78px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 47px;
  min-width: 47px;
  height: 58px; }

.btn-icon-solid:hover .sprite-thumb-listings {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -78px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 47px;
  min-width: 47px;
  height: 58px; }

.sprite-thumb-text-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 25px;
  min-width: 25px;
  height: 24px; }
  .sprite-thumb-text-sm[disabled], .sprite-thumb-text-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-text-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 25px;
  min-width: 25px;
  height: 24px; }

.btn-icon-solid:hover .sprite-thumb-text-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 25px;
  min-width: 25px;
  height: 24px; }

.sprite-thumb-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -78px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }
  .sprite-thumb-text[disabled], .sprite-thumb-text.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -78px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.btn-icon-solid:hover .sprite-thumb-text {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -78px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.sprite-thumb-video-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -454px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 26px; }
  .sprite-thumb-video-sm[disabled], .sprite-thumb-video-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-video-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -454px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 26px; }

.btn-icon-solid:hover .sprite-thumb-video-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -454px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 19px;
  min-width: 19px;
  height: 26px; }

.sprite-thumb-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -156px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }
  .sprite-thumb-video[disabled], .sprite-thumb-video.disabled {
    opacity: .5; }

.btn-icon .sprite-thumb-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -156px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.btn-icon-solid:hover .sprite-thumb-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -156px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.sprite-thumbnail {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }
  .sprite-thumbnail[disabled], .sprite-thumbnail.disabled {
    opacity: .5; }

.btn-icon .sprite-thumbnail {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.btn-icon-solid:hover .sprite-thumbnail {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.sprite-toggle-default-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -559px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }
  .sprite-toggle-default-active[disabled], .sprite-toggle-default-active.disabled {
    opacity: .5; }

*:active > .sprite-toggle-default,
*:hover > .sprite-toggle-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -559px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }

.btn-icon .sprite-toggle-default-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -559px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }

.btn-icon.btn-outline-primary:active > .sprite-toggle-default,
.btn-icon.btn-outline-primary:hover > .sprite-toggle-default, .btn-icon.btn-outline-default:active > .sprite-toggle-default,
.btn-icon.btn-outline-default:hover > .sprite-toggle-default, .btn-icon.btn-outline-dark:active > .sprite-toggle-default,
.btn-icon.btn-outline-dark:hover > .sprite-toggle-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -559px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }

.btn-icon-solid:hover .sprite-toggle-default-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -559px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }

.sprite-toggle-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -595px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }
  .sprite-toggle-default[disabled], .sprite-toggle-default.disabled {
    opacity: .5; }

.btn-icon .sprite-toggle-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -595px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }

.btn-icon-solid:hover .sprite-toggle-default {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -595px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 13px; }

.sprite-toggle-grid {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -607px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }
  .sprite-toggle-grid[disabled], .sprite-toggle-grid.disabled {
    opacity: .5; }

.btn-icon .sprite-toggle-grid {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -607px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.btn-icon-solid:hover .sprite-toggle-grid {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -607px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 13px; }

.sprite-toggle-hierarchy-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-toggle-hierarchy-active[disabled], .sprite-toggle-hierarchy-active.disabled {
    opacity: .5; }

*:active > .sprite-toggle-hierarchy,
*:hover > .sprite-toggle-hierarchy {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon .sprite-toggle-hierarchy-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon.btn-outline-primary:active > .sprite-toggle-hierarchy,
.btn-icon.btn-outline-primary:hover > .sprite-toggle-hierarchy, .btn-icon.btn-outline-default:active > .sprite-toggle-hierarchy,
.btn-icon.btn-outline-default:hover > .sprite-toggle-hierarchy, .btn-icon.btn-outline-dark:active > .sprite-toggle-hierarchy,
.btn-icon.btn-outline-dark:hover > .sprite-toggle-hierarchy {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-toggle-hierarchy-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -648px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-toggle-hierarchy {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-toggle-hierarchy[disabled], .sprite-toggle-hierarchy.disabled {
    opacity: .5; }

.btn-icon .sprite-toggle-hierarchy {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-toggle-hierarchy {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -684px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-toggle-list {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -527px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }
  .sprite-toggle-list[disabled], .sprite-toggle-list.disabled {
    opacity: .5; }

.btn-icon .sprite-toggle-list {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -527px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.btn-icon-solid:hover .sprite-toggle-list {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -527px -928px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 12px; }

.sprite-transcoding-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -41px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }
  .sprite-transcoding-sm[disabled], .sprite-transcoding-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-transcoding-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -41px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.btn-icon-solid:hover .sprite-transcoding-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -41px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.sprite-transcoding {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -720px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-transcoding[disabled], .sprite-transcoding.disabled {
    opacity: .5; }

.btn-icon .sprite-transcoding {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -720px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-transcoding {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -720px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-transform-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -32px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-transform-active[disabled], .sprite-transform-active.disabled {
    opacity: .5; }

*:active > .sprite-transform,
*:hover > .sprite-transform {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -32px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon .sprite-transform-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -32px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon.btn-outline-primary:active > .sprite-transform,
.btn-icon.btn-outline-primary:hover > .sprite-transform, .btn-icon.btn-outline-default:active > .sprite-transform,
.btn-icon.btn-outline-default:hover > .sprite-transform, .btn-icon.btn-outline-dark:active > .sprite-transform,
.btn-icon.btn-outline-dark:hover > .sprite-transform {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -32px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-transform-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -32px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-transform-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -64px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-transform-hover[disabled], .sprite-transform-hover.disabled {
    opacity: .5; }

.btn-icon .sprite-transform-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -64px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-transform-hover {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -64px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-transform-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-transform-round[disabled], .sprite-transform-round.disabled {
    opacity: .5; }

.btn-icon .sprite-transform-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-transform-round {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -756px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-transform {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }
  .sprite-transform[disabled], .sprite-transform.disabled {
    opacity: .5; }

.btn-icon .sprite-transform {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.btn-icon-solid:hover .sprite-transform {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -1028px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 10px; }

.sprite-trash-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }
  .sprite-trash-active[disabled], .sprite-trash-active.disabled {
    opacity: .5; }

*:active > .sprite-trash,
*:hover > .sprite-trash {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.btn-icon .sprite-trash-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.btn-icon.btn-outline-primary:active > .sprite-trash,
.btn-icon.btn-outline-primary:hover > .sprite-trash, .btn-icon.btn-outline-default:active > .sprite-trash,
.btn-icon.btn-outline-default:hover > .sprite-trash, .btn-icon.btn-outline-dark:active > .sprite-trash,
.btn-icon.btn-outline-dark:hover > .sprite-trash {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.btn-icon-solid:hover .sprite-trash-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.sprite-trash-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -35px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }
  .sprite-trash-gray[disabled], .sprite-trash-gray.disabled {
    opacity: .5; }

.btn-icon .sprite-trash-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -35px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.btn-icon-solid:hover .sprite-trash-gray {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -35px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.sprite-trash-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -70px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }
  .sprite-trash-primary[disabled], .sprite-trash-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-trash-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -70px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.btn-icon-solid:hover .sprite-trash-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -70px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.sprite-trash {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -105px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }
  .sprite-trash[disabled], .sprite-trash.disabled {
    opacity: .5; }

.btn-icon .sprite-trash {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -105px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.btn-icon-solid:hover .sprite-trash {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -992px -105px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 13px;
  min-width: 13px;
  height: 15px; }

.sprite-tune {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -477px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }
  .sprite-tune[disabled], .sprite-tune.disabled {
    opacity: .5; }

.btn-icon .sprite-tune {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -477px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.btn-icon-solid:hover .sprite-tune {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -477px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 17px;
  min-width: 17px;
  height: 16px; }

.sprite-twitter-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -330px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 26px; }
  .sprite-twitter-selected[disabled], .sprite-twitter-selected.disabled {
    opacity: .5; }

.btn-icon .sprite-twitter-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -330px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 26px; }

.btn-icon-solid:hover .sprite-twitter-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -330px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 26px; }

.sprite-twitter {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -158px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 26px; }
  .sprite-twitter[disabled], .sprite-twitter.disabled {
    opacity: .5; }

.btn-icon .sprite-twitter {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -158px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 26px; }

.btn-icon-solid:hover .sprite-twitter {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -158px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 26px; }

.sprite-unhealth {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -494px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-unhealth[disabled], .sprite-unhealth.disabled {
    opacity: .5; }

.btn-icon .sprite-unhealth {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -494px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-unhealth {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -494px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-upload-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -532px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-upload-active[disabled], .sprite-upload-active.disabled {
    opacity: .5; }

*:active > .sprite-upload,
*:hover > .sprite-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -532px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon .sprite-upload-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -532px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon.btn-outline-primary:active > .sprite-upload,
.btn-icon.btn-outline-primary:hover > .sprite-upload, .btn-icon.btn-outline-default:active > .sprite-upload,
.btn-icon.btn-outline-default:hover > .sprite-upload, .btn-icon.btn-outline-dark:active > .sprite-upload,
.btn-icon.btn-outline-dark:hover > .sprite-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -532px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-upload-active {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -532px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-upload-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-upload-file[disabled], .sprite-upload-file.disabled {
    opacity: .5; }

.btn-icon .sprite-upload-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-upload-file {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -792px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-upload-folder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -828px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-upload-folder[disabled], .sprite-upload-folder.disabled {
    opacity: .5; }

.btn-icon .sprite-upload-folder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -828px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-upload-folder {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -828px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-upload-status-impossible {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }
  .sprite-upload-status-impossible[disabled], .sprite-upload-status-impossible.disabled {
    opacity: .5; }

.btn-icon .sprite-upload-status-impossible {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.btn-icon-solid:hover .sprite-upload-status-impossible {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.sprite-upload-status-possible {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }
  .sprite-upload-status-possible[disabled], .sprite-upload-status-possible.disabled {
    opacity: .5; }

.btn-icon .sprite-upload-status-possible {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.btn-icon-solid:hover .sprite-upload-status-possible {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.sprite-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -570px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }
  .sprite-upload[disabled], .sprite-upload.disabled {
    opacity: .5; }

.btn-icon .sprite-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -570px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.btn-icon-solid:hover .sprite-upload {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -570px -676px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 18px; }

.sprite-uploading {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -245px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }
  .sprite-uploading[disabled], .sprite-uploading.disabled {
    opacity: .5; }

.btn-icon .sprite-uploading {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -245px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.btn-icon-solid:hover .sprite-uploading {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -245px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 15px;
  min-width: 15px;
  height: 15px; }

.sprite-used {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -200px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }
  .sprite-used[disabled], .sprite-used.disabled {
    opacity: .5; }

.btn-icon .sprite-used {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -200px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.btn-icon-solid:hover .sprite-used {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -200px -636px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 20px; }

.sprite-user-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 28px; }
  .sprite-user-primary[disabled], .sprite-user-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-user-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 28px; }

.btn-icon-solid:hover .sprite-user-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -96px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 28px;
  min-width: 28px;
  height: 28px; }

.sprite-user-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -328px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }
  .sprite-user-white[disabled], .sprite-user-white.disabled {
    opacity: .5; }

.btn-icon .sprite-user-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -328px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }

.btn-icon-solid:hover .sprite-user-white {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -328px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }

.sprite-user {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -374px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }
  .sprite-user[disabled], .sprite-user.disabled {
    opacity: .5; }

.btn-icon .sprite-user {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -374px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }

.btn-icon-solid:hover .sprite-user {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -374px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }

.sprite-users-box {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -308px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }
  .sprite-users-box[disabled], .sprite-users-box.disabled {
    opacity: .5; }

.btn-icon .sprite-users-box {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -308px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.btn-icon-solid:hover .sprite-users-box {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -569px -308px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 24px;
  min-width: 24px;
  height: 24px; }

.sprite-users-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -864px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-users-primary[disabled], .sprite-users-primary.disabled {
    opacity: .5; }

.btn-icon .sprite-users-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -864px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-users-primary {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -864px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-users {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-users[disabled], .sprite-users.disabled {
    opacity: .5; }

.btn-icon .sprite-users {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-users {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-vendor-akamai-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -510px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-vendor-akamai-dot[disabled], .sprite-vendor-akamai-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-akamai-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -510px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-vendor-akamai-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -510px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-vendor-akamai {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -336px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-vendor-akamai[disabled], .sprite-vendor-akamai.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-akamai {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -336px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-vendor-akamai {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -336px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-vendor-alibaba-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -544px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-vendor-alibaba-dot[disabled], .sprite-vendor-alibaba-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-alibaba-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -544px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-vendor-alibaba-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -544px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-vendor-alibaba {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -378px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-vendor-alibaba[disabled], .sprite-vendor-alibaba.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-alibaba {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -378px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-vendor-alibaba {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -378px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-vendor-azure-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -578px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-vendor-azure-dot[disabled], .sprite-vendor-azure-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-azure-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -578px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-vendor-azure-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -578px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-vendor-azure {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -420px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-vendor-azure[disabled], .sprite-vendor-azure.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-azure {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -420px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-vendor-azure {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -420px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-vendor-cloudflare-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -612px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-vendor-cloudflare-dot[disabled], .sprite-vendor-cloudflare-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-cloudflare-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -612px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-vendor-cloudflare-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -612px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-vendor-cloudflare {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -462px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-vendor-cloudflare[disabled], .sprite-vendor-cloudflare.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-cloudflare {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -462px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-vendor-cloudflare {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -462px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-vendor-cloudfront-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -646px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-vendor-cloudfront-dot[disabled], .sprite-vendor-cloudfront-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-cloudfront-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -646px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-vendor-cloudfront-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -646px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-vendor-cloudfront {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-vendor-cloudfront[disabled], .sprite-vendor-cloudfront.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-cloudfront {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-vendor-cloudfront {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -504px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-vendor-custom-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -796px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }
  .sprite-vendor-custom-dot[disabled], .sprite-vendor-custom-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-custom-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -796px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.btn-icon-solid:hover .sprite-vendor-custom-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -796px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.sprite-vendor-custom {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -420px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }
  .sprite-vendor-custom[disabled], .sprite-vendor-custom.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-custom {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -420px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }

.btn-icon-solid:hover .sprite-vendor-custom {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -420px -464px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 26px; }

.sprite-vendor-google-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -680px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-vendor-google-dot[disabled], .sprite-vendor-google-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-google-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -680px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-vendor-google-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -680px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-vendor-google {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -546px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-vendor-google[disabled], .sprite-vendor-google.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-google {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -546px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-vendor-google {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -546px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-vendor-hyosung-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-vendor-hyosung-dot[disabled], .sprite-vendor-hyosung-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-hyosung-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-vendor-hyosung-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-vendor-hyosung {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-vendor-hyosung[disabled], .sprite-vendor-hyosung.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-hyosung {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-vendor-hyosung {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-vendor-kt-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -748px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-vendor-kt-dot[disabled], .sprite-vendor-kt-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-kt-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -748px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-vendor-kt-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -748px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-vendor-kt {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -42px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-vendor-kt[disabled], .sprite-vendor-kt.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-kt {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -42px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-vendor-kt {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -42px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-vendor-lguplus-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -782px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-vendor-lguplus-dot[disabled], .sprite-vendor-lguplus-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-lguplus-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -782px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-vendor-lguplus-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -782px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-vendor-lguplus {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -84px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-vendor-lguplus[disabled], .sprite-vendor-lguplus.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-lguplus {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -84px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-vendor-lguplus {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -84px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-vendor-limelight-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -816px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-vendor-limelight-dot[disabled], .sprite-vendor-limelight-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-limelight-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -816px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-vendor-limelight-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -816px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-vendor-limelight {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -126px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-vendor-limelight[disabled], .sprite-vendor-limelight.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-limelight {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -126px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-vendor-limelight {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -126px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-vendor-solbox-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -822px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }
  .sprite-vendor-solbox-dot[disabled], .sprite-vendor-solbox-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-solbox-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -822px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.btn-icon-solid:hover .sprite-vendor-solbox-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -822px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 6px;
  min-width: 6px;
  height: 6px; }

.sprite-vendor-solbox {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -168px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-vendor-solbox[disabled], .sprite-vendor-solbox.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-solbox {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -168px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-vendor-solbox {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -168px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-vendor-tencent-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -850px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-vendor-tencent-dot[disabled], .sprite-vendor-tencent-dot.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-tencent-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -850px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-vendor-tencent-dot {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -850px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.sprite-vendor-tencent {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -210px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }
  .sprite-vendor-tencent[disabled], .sprite-vendor-tencent.disabled {
    opacity: .5; }

.btn-icon .sprite-vendor-tencent {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -210px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.btn-icon-solid:hover .sprite-vendor-tencent {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -210px -594px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 22px;
  min-width: 22px;
  height: 22px; }

.sprite-video-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -82px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }
  .sprite-video-sm[disabled], .sprite-video-sm.disabled {
    opacity: .5; }

.btn-icon .sprite-video-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -82px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.btn-icon-solid:hover .sprite-video-sm {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -82px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 21px;
  min-width: 21px;
  height: 15px; }

.sprite-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -230px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }
  .sprite-video[disabled], .sprite-video.disabled {
    opacity: .5; }

.btn-icon .sprite-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -230px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.btn-icon-solid:hover .sprite-video {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -230px -554px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 26px;
  min-width: 26px;
  height: 20px; }

.sprite-view-hide-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-view-hide-selected[disabled], .sprite-view-hide-selected.disabled {
    opacity: .5; }

.btn-icon .sprite-view-hide-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-view-hide-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -36px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-view-hide {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-view-hide[disabled], .sprite-view-hide.disabled {
    opacity: .5; }

.btn-icon .sprite-view-hide {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-view-hide {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -72px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-view-show {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-view-show[disabled], .sprite-view-show.disabled {
    opacity: .5; }

.btn-icon .sprite-view-show {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-view-show {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -108px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-watermark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }
  .sprite-watermark[disabled], .sprite-watermark.disabled {
    opacity: .5; }

.btn-icon .sprite-watermark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.btn-icon-solid:hover .sprite-watermark {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -737px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 20px;
  min-width: 20px;
  height: 16px; }

.sprite-youtube-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -260px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 22px; }
  .sprite-youtube-selected[disabled], .sprite-youtube-selected.disabled {
    opacity: .5; }

.btn-icon .sprite-youtube-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -260px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 22px; }

.btn-icon-solid:hover .sprite-youtube-selected {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -260px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 22px; }

.sprite-youtube {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -312px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 22px; }
  .sprite-youtube[disabled], .sprite-youtube.disabled {
    opacity: .5; }

.btn-icon .sprite-youtube {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -312px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 22px; }

.btn-icon-solid:hover .sprite-youtube {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -312px -402px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 32px;
  min-width: 32px;
  height: 22px; }

.sprite-zoom-in {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-zoom-in[disabled], .sprite-zoom-in.disabled {
    opacity: .5; }

.btn-icon .sprite-zoom-in {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-zoom-in {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -144px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-zoom-out {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }
  .sprite-zoom-out[disabled], .sprite-zoom-out.disabled {
    opacity: .5; }

.btn-icon .sprite-zoom-out {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.btn-icon-solid:hover .sprite-zoom-out {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.sprite-zoom {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -884px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }
  .sprite-zoom[disabled], .sprite-zoom.disabled {
    opacity: .5; }

.btn-icon .sprite-zoom {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -884px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.btn-icon-solid:hover .sprite-zoom {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -884px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

/*


#6f6f83;
#f57f00;
#b6b6ca;
#3a3f51;
#efeff6;
#dfdfee;
#fbfbfb;
#9c9cc1;
#fef2e5;
#7182a6;
#11193f;
#245ce2;
#f2f2f2;
#a7a7a7;
#f4f7fe; card is-active bg

#335d77;
#009ea0;
#405fff;
#29b190;
#2e9812

#525252
#242424;

icon btn
cdcdd9;
373d5e

channel status btn
f3f4f5
fafbfb
f3f4f5

706f81
fafbfb

container badge bg color
405fff
8660d9
3f485a
5d8fff
5f62e5

*/
.a11y {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0); }

.caret-down::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  border-top: 5px solid;
  border-right: 3.5px solid transparent;
  border-bottom: 0;
  border-left: 3.5px solid transparent; }

.caret-up::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  border-top: 0;
  border-right: 3.5px solid transparent;
  border-bottom: 5px solid;
  border-left: 3.5px solid transparent; }

.caret-right::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  border-top: 3.5px solid transparent;
  border-right: 0;
  border-bottom: 3.5px solid transparent;
  border-left: 5px solid; }

.caret-left::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  border-top: 3.5px solid transparent;
  border-right: 5px solid;
  border-bottom: 3.5px solid transparent; }

hr {
  display: block;
  height: 1px;
  background-color: #dfdfee;
  margin: 25px 0;
  border: 0; }
  hr.inline {
    display: block;
    height: 1px;
    background-color: #dfdfee;
    margin: 25px 0;
    border: 0;
    display: inline-block !important;
    width: 1px;
    height: 100%;
    margin: 0 10px;
    vertical-align: middle; }
    hr.inline.xs {
      display: block;
      height: 1px;
      background-color: #dfdfee;
      margin: 25px 0;
      border: 0;
      margin: 10px 0 !important;
      display: inline-block !important;
      width: 1px;
      height: 100%;
      margin: 0 10px;
      vertical-align: middle;
      margin: 0 2.5px !important; }
    hr.inline.sm {
      display: block;
      height: 1px;
      background-color: #dfdfee;
      margin: 25px 0;
      border: 0;
      margin: 15px 0 !important;
      display: inline-block !important;
      width: 1px;
      height: 100%;
      margin: 0 10px;
      vertical-align: middle;
      margin: 0 5px !important; }
  hr.transparent {
    display: block;
    height: 1px;
    background-color: #dfdfee;
    margin: 25px 0;
    border: 0;
    background-color: transparent !important;
    margin: 10px 0 !important; }
  hr.secondary {
    display: block;
    height: 1px;
    background-color: #dfdfee;
    margin: 25px 0;
    border: 0;
    background-color: #efeff6 !important; }
  hr.md {
    display: block;
    height: 1px;
    background-color: #dfdfee;
    margin: 25px 0;
    border: 0;
    margin: 20px 0 !important; }
  hr.sm {
    display: block;
    height: 1px;
    background-color: #dfdfee;
    margin: 25px 0;
    border: 0;
    margin: 15px 0 !important; }
  hr.xs {
    display: block;
    height: 1px;
    background-color: #dfdfee;
    margin: 25px 0;
    border: 0;
    margin: 10px 0 !important; }
  hr + hr {
    display: none; }
  hr.flat {
    margin: 0 !important; }
  .card hr + .btns {
    margin-top: 0;
    padding-top: 0;
    border-top: none; }

.icon-correct-status {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle; }
  td .icon-correct-status {
    height: 12px;
    padding-left: 8px;
    border-left: 1px solid #dfdfee; }
    td .icon-correct-status:before {
      margin-top: -3px; }
  .icon-correct-status:before {
    content: '';
    display: block;
    width: 16px;
    height: 15px;
    background-image: url("../images/correct-status.gif");
    background-repeat: no-repeat; }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  word-break: break-word; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1.4; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  cursor: pointer; }

button {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer; }
  button:focus {
    outline: none; }

a {
  color: #2763ea;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

strong {
  font-weight: bold; }

img {
  vertical-align: middle; }

[hidden],
.hidden {
  position: absolute;
  display: none !important;
  visibility: hidden;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0, 0, 0, 0); }

[readonly] {
  border-color: #b6b6ca;
  background-color: #fbfbfb; }

select,
input,
textarea,
button {
  -webkit-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  select:focus,
  input:focus,
  textarea:focus,
  button:focus {
    outline: none; }

select::-ms-expand {
  display: none; }

textarea {
  font: inherit; }

input::-ms-check {
  display: none; }

.sprite + * {
  vertical-align: middle;
  margin-left: 8px; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.vertical-middle {
  vertical-align: middle; }

body > div[class^='css-']:last-child {
  z-index: 9999; }

.MzcCpIcon-root {
  vertical-align: middle; }

.row-cols-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding: 5px; }
  .row-cols-1 > *:first-child {
    padding-left: 0; }
  .row-cols-1 > *::last-child {
    padding-right: 0; }

.row-cols-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding: 5px; }
  .row-cols-2 > *:first-child {
    padding-left: 0; }
  .row-cols-2 > *::last-child {
    padding-right: 0; }

.row-cols-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 5px; }
  .row-cols-3 > *:first-child {
    padding-left: 0; }
  .row-cols-3 > *::last-child {
    padding-right: 0; }

.row-cols-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  padding: 5px; }
  .row-cols-4 > *:first-child {
    padding-left: 0; }
  .row-cols-4 > *::last-child {
    padding-right: 0; }

.row-cols-5 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
  padding: 5px; }
  .row-cols-5 > *:first-child {
    padding-left: 0; }
  .row-cols-5 > *::last-child {
    padding-right: 0; }

.row-cols-6 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%;
  padding: 5px; }
  .row-cols-6 > *:first-child {
    padding-left: 0; }
  .row-cols-6 > *::last-child {
    padding-right: 0; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .row .col {
    position: relative;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row .col.separate {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    line-height: 38px;
    padding: 0 10px; }
  .row .col-1 {
    position: relative;
    min-width: calc(100% / 12 * 1);
    width: calc(100% / 12 * 1);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 1);
            flex: 0 0 calc(100% / 12 * 1); }
  .row .col-2 {
    position: relative;
    min-width: calc(100% / 12 * 2);
    width: calc(100% / 12 * 2);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 2);
            flex: 0 0 calc(100% / 12 * 2); }
  .row .col-3 {
    position: relative;
    min-width: calc(100% / 12 * 3);
    width: calc(100% / 12 * 3);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 3);
            flex: 0 0 calc(100% / 12 * 3); }
  .row .col-4 {
    position: relative;
    min-width: calc(100% / 12 * 4);
    width: calc(100% / 12 * 4);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 4);
            flex: 0 0 calc(100% / 12 * 4); }
  .row .col-5 {
    position: relative;
    min-width: calc(100% / 12 * 5);
    width: calc(100% / 12 * 5);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 5);
            flex: 0 0 calc(100% / 12 * 5); }
  .row .col-6 {
    position: relative;
    min-width: calc(100% / 12 * 6);
    width: calc(100% / 12 * 6);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 6);
            flex: 0 0 calc(100% / 12 * 6); }
  .row .col-7 {
    position: relative;
    min-width: calc(100% / 12 * 7);
    width: calc(100% / 12 * 7);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 7);
            flex: 0 0 calc(100% / 12 * 7); }
  .row .col-8 {
    position: relative;
    min-width: calc(100% / 12 * 8);
    width: calc(100% / 12 * 8);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 8);
            flex: 0 0 calc(100% / 12 * 8); }
  .row .col-9 {
    position: relative;
    min-width: calc(100% / 12 * 9);
    width: calc(100% / 12 * 9);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 9);
            flex: 0 0 calc(100% / 12 * 9); }
  .row .col-10 {
    position: relative;
    min-width: calc(100% / 12 * 10);
    width: calc(100% / 12 * 10);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 10);
            flex: 0 0 calc(100% / 12 * 10); }
  .row .col-11 {
    position: relative;
    min-width: calc(100% / 12 * 11);
    width: calc(100% / 12 * 11);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 11);
            flex: 0 0 calc(100% / 12 * 11); }
  .row .col-12 {
    position: relative;
    min-width: calc(100% / 12 * 12);
    width: calc(100% / 12 * 12);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 12);
            flex: 0 0 calc(100% / 12 * 12); }
  .row-column {
    margin: -5px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .row-column > div {
      padding: 5px; }
    .row-column-vertical-line > .col:first-child,
    .row-column-vertical-line > .col-6:first-child {
      padding-right: 40px; }
    .row-column-vertical-line > .col:last-child,
    .row-column-vertical-line > .col-6:last-child {
      padding-left: 30px;
      border-left: 1px solid #dfdfee; }
    .row-column-vertical-line > .col-4 {
      padding-left: 30px;
      border-left: 1px solid #dfdfee; }
      .row-column-vertical-line > .col-4:first-child {
        border-left: 0;
        padding-left: 0; }
    .row-column .column-fixed {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 368px;
      padding-right: 20px; }
      .row-column .column-fixed + .col {
        width: 0; }
      .row-column .column-fixed-job {
        width: 459px; }
        @media screen and (max-width: 1600px) {
          .row-column .column-fixed-job {
            width: 368px; } }

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

.d-block {
  display: block !important; }

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important; }

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important; }

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important; }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important; }

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important; }

.flex-fill {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important; }

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important; }

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important; }

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important; }

.flex-none {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important; }

.flex-basis-1 {
  -ms-flex-preferred-size: 100% !important;
      flex-basis: 100% !important; }

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important; }

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important; }

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important; }

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important; }

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important; }

.gap-1 {
  gap: 10px !important; }

h1 {
  font-size: 26px;
  font-weight: bold; }

h2 {
  font-size: 24px;
  font-weight: bold; }

h3 {
  font-size: 22px;
  font-weight: bold; }

h4 {
  font-size: 16px;
  font-weight: bold; }

h5 {
  font-size: 16px; }

.medium {
  font-size: 14px; }

.small {
  font-size: 12px; }

.smaller {
  font-size: 11px; }

.text-default {
  color: #000 !important; }

.text-primary {
  color: #2763ea !important; }

.text-success {
  color: #2e9812 !important; }

.text-warning {
  color: #f57f00 !important; }

.text-danger {
  color: #ef4016 !important; }

.text-secondary {
  color: #686868 !important; }

.text-dark {
  color: #11193f !important; }

.text-cancel {
  color: #999 !important; }

.text-inverse {
  color: #fff !important; }

.text-inactive {
  color: #7182a6 !important; }

.text-primary2 {
  color: #6686c6 !important; }

.text-x-large {
  font-size: 18px; }

.text-large {
  font-size: 15px; }

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

.text-default {
  font-size: 13px; }

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

.text-smaller {
  font-size: 11px; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-initial {
  text-transform: initial !important; }

.text-nowrap {
  white-space: nowrap; }

.text-wrap {
  white-space: normal; }

.text-ellipsis {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

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

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

.text-normal {
  font-weight: normal !important; }

.text-with-dot {
  position: relative; }
  .text-with-dot:not(strong) ~ * {
    margin-top: 10px; }
  .text-with-dot:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 5px;
    vertical-align: middle;
    background-color: #000; }

.text-hidden {
  display: inline-block;
  font-weight: bold;
  line-height: 16px;
  font-size: 26px; }

.text-top {
  vertical-align: text-top !important; }

.text-bottom {
  vertical-align: text-bottom !important; }

.text-middle {
  vertical-align: middle !important; }

.title-dot {
  position: relative;
  padding-left: 10px; }
  .title-dot:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: 3px;
    background-color: #000;
    border-radius: 100%; }

.ellipsis-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .ellipsis-flex .ellipsis {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    min-width: 0; }
  .ellipsis-flex .nowrap {
    white-space: nowrap; }
  .ellipsis-flex-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .ellipsis-flex-inline .ellipsis {
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      min-width: 0; }
      .ellipsis-flex-inline .ellipsis + .nowrap {
        margin-left: 4px; }
  .ellipsis-flex .nowrap {
    white-space: nowrap; }

.ellipsis-inline {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  min-width: 0; }

.progress-bar {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, #8346ff), to(#2763ea));
  background-image: -o-linear-gradient(left, #8346ff 1%, #2763ea 100%);
  background-image: linear-gradient(to right, #8346ff 1%, #2763ea 100%); }
  .progress-bar.bg-primary.progress-bar-animated {
    width: 100%;
    background-image: -webkit-gradient(linear, right top, left top, from(#2763ea), color-stop(50%, #6fc047), color-stop(93%, #2763ea));
    background-image: -o-linear-gradient(right, #2763ea, #6fc047 50%, #2763ea 93%);
    background-image: linear-gradient(to left, #2763ea, #6fc047 50%, #2763ea 93%);
    -webkit-animation: Gradient 5s linear infinite;
            animation: Gradient 5s linear infinite;
    background-size: 200% 100%; }
  .progress-bar.bg-secondary.progress-bar-animated {
    width: 100%;
    background-image: -webkit-gradient(linear, right top, left top, from(#8346ff), color-stop(50%, #2763ea), color-stop(93%, #8346ff));
    background-image: -o-linear-gradient(right, #8346ff, #2763ea 50%, #8346ff 93%);
    background-image: linear-gradient(to left, #8346ff, #2763ea 50%, #8346ff 93%);
    -webkit-animation: Gradient 5s linear infinite;
            animation: Gradient 5s linear infinite;
    background-size: 200% 100%; }

@-webkit-keyframes Gradient {
  0% {
    background-position: 0 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0 100%; } }

@keyframes Gradient {
  0% {
    background-position: 0 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0 100%; } }

.sprite-indexing, .sprite-uploading {
  -webkit-animation: spin 1s infinite steps(8);
          animation: spin 1s infinite steps(8); }

.sprite-loading {
  background-image: url("../images/loading.png"); }

.sprite-approval-in, .sprite-progressing, .sprite-submitted {
  background-image: url("../images/loading-progressing.png"); }

.sprite-return-in, .sprite-ingesting {
  background-image: url("../images/loading-ingesting.png"); }

.sprite-reclaim-in {
  background-image: url("../images/loading-reclaim-in.png"); }

.sprite-loading, .sprite-progressing, .sprite-approval-in, .sprite-return-in, .sprite-ingesting, .sprite-reclaim-in {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: auto auto;
  -webkit-animation: loading-play 1s infinite steps(8);
          animation: loading-play 1s infinite steps(8); }

@-webkit-keyframes loading-play {
  100% {
    background-position: -120px; } }

@keyframes loading-play {
  100% {
    background-position: -120px; } }

@-webkit-keyframes loading-content {
  100% {
    background-position: -504px; } }

@keyframes loading-content {
  100% {
    background-position: -504px; } }

.infinite-spin {
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

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

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

@-webkit-keyframes fadeOutBottomToUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); } }

@keyframes fadeOutBottomToUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); } }

.select2-focus {
  z-index: 10 !important; }

.select2-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  width: 100%;
  min-width: 220px; }
  .inline .select2-container {
    width: 160px;
    min-width: 160px; }
  .select2-container-sm {
    width: auto;
    min-width: 0; }
    .select2-container-sm .select2-selection__control {
      min-height: 30px !important; }
    .select2-container-sm .select2-selection__value-container {
      padding: 0 8px 0 15px !important; }
    .select2-container-sm .select2-selection__indicator {
      padding: 0 5px !important; }
      .select2-container-sm .select2-selection__indicator svg {
        width: 15px; }
  .select2-container-xs {
    width: 80px;
    min-width: 80px;
    margin: 0 10px; }
    .select2-container-xs .select2-selection__control {
      min-height: 30px !important; }
    .select2-container-xs .select2-selection__value-container {
      padding: 0 8px 0 15px !important; }
    .select2-container-xs .select2-selection__indicator {
      padding: 0 5px !important; }
      .select2-container-xs .select2-selection__indicator svg {
        width: 15px; }
  .select2-container-multi .select2-selection__option {
    position: relative;
    padding-left: 45px; }
    .select2-container-multi .select2-selection__option:before {
      content: '';
      position: absolute;
      left: 20px;
      top: 9px;
      width: 18px;
      height: 18px;
      border-radius: 2px;
      border: 2px solid #dfdfee;
      background-color: #fff; }
    .select2-container-multi .select2-selection__option--is-selected:after {
      content: '';
      position: absolute;
      left: 25px;
      top: 15px;
      width: 8px;
      height: 4.5px;
      border-bottom: 2px solid #11193f;
      border-left: 2px solid #11193f;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .select2-container-multi-count {
    width: 260px; }
    .select2-container-multi-count .select2-selection__value-container {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .select2-container-multi-count .select2-selection__value-container > div {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .select2-container-multi-count .select2-selection__value-container--has-value + .select2-selection__indicators .select2-selection__clear-indicator {
        display: none; }

.select2-selection__value-container {
  padding: 0 8px 0 20px !important; }
  .select2-selection__value-container--is-multi {
    padding: 5px 10px !important;
    overflow: visible !important; }
    .select2-selection__value-container--is-multi .select2-selection__placeholder {
      padding-left: 10px; }
  .select2-selection__value-container--is-multi > div:not(.select2-selection__placeholder), .select2-selection__value-container--has-value > div:not(.select2-selection__placeholder) {
    width: auto !important;
    color: #000 !important; }
  .select2-selection__value-container--is-multi > div .select2-selection__multi-value, .select2-selection__value-container--has-value > div .select2-selection__multi-value {
    word-break: break-all !important; }
  .select2-selection__value-container--is-multi > div.select2-selection__single-value--is-disabled, .select2-selection__value-container--has-value > div.select2-selection__single-value--is-disabled {
    color: #999 !important; }
  .list-schedule .select2-selection__value-container--is-multi .select2-selection__input, .list-schedule .select2-selection__value-container--has-value .select2-selection__input {
    opacity: 0; }

.select2-selection__placeholder {
  color: #999 !important; }

.select2-selection__single-value {
  max-width: calc(100% - 20px) !important; }
  .select2-container-text-wrap .select2-selection__single-value {
    position: static !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    margin: 0 !important;
    -o-text-overflow: initial !important;
       text-overflow: initial !important;
    white-space: normal !important;
    padding: 5px 0; }
    .select2-container-text-wrap .select2-selection__single-value .custom-option p {
      display: inline-block; }
    .select2-container-text-wrap .select2-selection__single-value .custom-option .text-cancel {
      display: inline-block;
      margin-left: 5px;
      color: #000 !important; }
      .select2-container-text-wrap .select2-selection__single-value .custom-option .text-cancel:before {
        content: '('; }
      .select2-container-text-wrap .select2-selection__single-value .custom-option .text-cancel:after {
        content: ')'; }

.select2-selection__multi-value {
  word-break: break-all !important;
  margin: 2.5px 0; }

.select2-selection__menu {
  word-break: break-all;
  width: auto !important;
  min-width: 100%;
  max-width: 150%;
  z-index: 3 !important; }
  .select2-selection__menu.fixed-option-menu .fixed-option {
    padding: 5px 0;
    border-top: 1px solid #dfdfee; }
    .select2-selection__menu.fixed-option-menu .fixed-option.selected button {
      background-color: rgba(39, 99, 234, 0.13); }
    .select2-selection__menu.fixed-option-menu .fixed-option button {
      width: 100%;
      padding: 5px 12px;
      text-align: left; }
      .select2-selection__menu.fixed-option-menu .fixed-option button:hover {
        background-color: #f2f2f2; }
  .select2-selection__menu-list {
    max-height: 250px !important; }
    .select2-selection__menu-list .select2-selection__option--is-focused {
      background-color: #f2f2f2; }
    .select2-selection__menu-list .select2-selection__option--is-selected {
      color: #000;
      background-color: rgba(39, 99, 234, 0.13); }

.select2-selection__input input[type='text'],
.select2-selection__input input[type='text']:not(.MuiInputBase-input){
  height: auto; }

.select2-selection__indicator-separator {
  display: none; }

.select2-selection__clear-indicator svg {
  display: none; }

.select2-selection__clear-indicator:before {
  content: '';
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -614px -749px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px;
  -webkit-transform: scale(0.88);
      -ms-transform: scale(0.88);
          transform: scale(0.88); }

.select2-selection__control {
  -webkit-box-align: inherit !important;
      -ms-flex-align: inherit !important;
          align-items: inherit !important;
  border-color: #b6b6ca !important;
  border-radius: 2px !important; }
  .error .select2-selection__control,
  .is-error .select2-selection__control,
  .form-error .select2-selection__control {
    border-color: #ef4016 !important; }
    .error .select2-selection__control:after,
    .is-error .select2-selection__control:after,
    .form-error .select2-selection__control:after {
      content: '';
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -722px -893px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 14px;
      min-width: 14px;
      height: 14px;
      position: absolute;
      right: 35px;
      top: 10px; }
  .select2-selection__control--menu-is-open {
    z-index: 100; }
  .select2-selection__control--is-disabled {
    border-color: #e6e6e6 !important;
    background-color: #f8f8f8 !important; }

.select2-selection__multi-value__label {
  white-space: normal !important; }

.select2-selection__option {
  white-space: normal !important; }

.select2-selection__menu .select-custom-label {
  margin: 2px 8px; }

.select2-selection__menu .custom-option .MuiAvatar-root {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 10px; }
  .select2-selection__menu .custom-option .MuiAvatar-root + div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.select2-selection__menu .select-custom-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.select-user .select2-selection__value-container--is-multi,
.select-multi-share .select2-selection__value-container--is-multi {
  padding: 13px 15px 13px 11px !important; }
  .select-user .select2-selection__value-container--is-multi > div:not(.select2-selection__placeholder):only-child,
  .select-user .select2-selection__value-container--is-multi .select2-selection__placeholder + div,
  .select-multi-share .select2-selection__value-container--is-multi > div:not(.select2-selection__placeholder):only-child,
  .select-multi-share .select2-selection__value-container--is-multi .select2-selection__placeholder + div {
    padding-top: 6px;
    padding-bottom: 6px; }

.select-user .select2-selection__control,
.select-multi-share .select2-selection__control {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom-color: #36383f !important; }
  .select-user .select2-selection__control--is-focused, .select-user .select2-selection__control--is-menu-open,
  .select-multi-share .select2-selection__control--is-focused,
  .select-multi-share .select2-selection__control--is-menu-open {
    position: relative;
    border-bottom-color: #2763ea !important; }
    .select-user .select2-selection__control--is-focused:after, .select-user .select2-selection__control--is-menu-open:after,
    .select-multi-share .select2-selection__control--is-focused:after,
    .select-multi-share .select2-selection__control--is-menu-open:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background-color: #2763ea; }

.select-user .select2-selection__dropdown-indicator,
.select-multi-share .select2-selection__dropdown-indicator {
  display: none; }

.select-user .select2-selection__indicators,
.select-multi-share .select2-selection__indicators {
  margin-right: 15px; }

.select-user .select2-selection__clear-indicator,
.select-multi-share .select2-selection__clear-indicator {
  padding: 2px; }

.select-user .select2-selection__menu .select-custom-label,
.select-user .select2-selection__menu .custom-option,
.select-multi-share .select2-selection__menu .select-custom-label,
.select-multi-share .select2-selection__menu .custom-option {
  margin: 2px 8px; }

.select-user .select2-selection__menu .select-custom-label,
.select-multi-share .select2-selection__menu .select-custom-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.select-user .select2-selection__multi-value,
.select-multi-share .select2-selection__multi-value {
  padding: 0;
  border-radius: 3px;
  border: solid 1px #cdcdd9;
  background-color: #fff;
  border-radius: 25px; }
  .select-user .select2-selection__multi-value:hover,
  .select-multi-share .select2-selection__multi-value:hover {
    border: solid 1px #6f6f83;
    background-color: #f8f8f8; }
  .select-user .select2-selection__multi-value__label,
  .select-multi-share .select2-selection__multi-value__label {
    padding: 5px 0 5px 10px; }
  .select-user .select2-selection__multi-value .custom-option,
  .select-multi-share .select2-selection__multi-value .custom-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 450px;
    font-size: 13px; }
    .select-user .select2-selection__multi-value .custom-option .MuiAvatar-root,
    .select-multi-share .select2-selection__multi-value .custom-option .MuiAvatar-root {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-right: 10px; }
    .select-user .select2-selection__multi-value .custom-option p,
    .select-multi-share .select2-selection__multi-value .custom-option p {
      display: block;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .select-user .select2-selection__multi-value .custom-option span,
    .select-user .select2-selection__multi-value .custom-option small,
    .select-multi-share .select2-selection__multi-value .custom-option span,
    .select-multi-share .select2-selection__multi-value .custom-option small {
      display: none; }
  .select-user .select2-selection__multi-value__remove,
  .select-multi-share .select2-selection__multi-value__remove {
    cursor: pointer;
    padding: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .select-user .select2-selection__multi-value__remove:hover,
    .select-multi-share .select2-selection__multi-value__remove:hover {
      background-color: transparent; }
    .select-user .select2-selection__multi-value__remove:before,
    .select-multi-share .select2-selection__multi-value__remove:before {
      content: '';
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -1025px -134px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 8px;
      min-width: 8px;
      height: 8px; }
    .select-user .select2-selection__multi-value__remove svg,
    .select-multi-share .select2-selection__multi-value__remove svg {
      display: none; }

.select2-selection__group-heading {
  padding-bottom: 10px;
  color: #000 !important;
  font-size: 11px !important;
  text-transform: capitalize !important; }
  .select2-selection__group-heading .MuiAvatar-root {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 10px; }
  .select2-selection__group-heading .count {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle; }

.count-select {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .count-select .select2-selection__value-container {
    padding-right: 30px !important; }
  .count-select .badge-count {
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

.custom-select {
  position: relative;
  width: 100%;
  height: 38px; }
  .custom-select .current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    line-height: 38px;
    padding: 0 25px 0 20px;
    border: 1px solid #b6b6ca;
    border-radius: 2px;
    background-color: #fff; }
    .custom-select .current.active {
      border-color: #2763ea; }
    .custom-select .current > div {
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 70%; }
  .custom-select .arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    border-color: #83839a transparent transparent transparent; }
  .custom-select .badge-count {
    margin: 0;
    padding: 2px 8px;
    line-height: initial; }
  .custom-select .list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 5;
    margin-top: 5px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(0, 0, 0, 0.11);
    background-color: #fff; }
    .custom-select .list .select2-selection__control {
      height: 47px;
      border: none !important;
      -webkit-box-shadow: none;
              box-shadow: none;
      padding-right: 20px; }
    .custom-select .list .select2-selection__menu {
      position: static;
      margin: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-top: 1px solid #dfdfee;
      border-radius: 0 0 4px 4px; }
      .custom-select .list .select2-selection__menu .select2-selection__option {
        padding: 0; }
      .custom-select .list .select2-selection__menu .custom-option {
        margin: 0;
        padding: 10px 20px 8px; }
        .custom-select .list .select2-selection__menu .custom-option.checked {
          background-color: #f4f7fe; }
        .custom-select .list .select2-selection__menu .custom-option .form-checkbox + span {
          margin-left: 10px; }
  .custom-select .tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 8px 16px;
    border-top: 1px solid #dfdfee; }

input[type=text]::-ms-clear {
  display: none; }

.datepicker-open .card-search {
  z-index: 10; }

.DateInput_input {
  padding: 0 !important;
  border: 0 !important;
  height: auto !important; }
  .DateInput_input:focus::-ms-clear, .DateInput_input:focus:-ms-clear, .DateInput_input:active::-ms-clear, .DateInput_input:active:-ms-clear {
    display: none; }
  .DateInput_input::-ms-clear, .DateInput_input:-ms-clear {
    display: none; }
  .DateInput_input__small {
    font-size: 13px !important;
    font-weight: normal !important; }
  .DateInput_input__focused {
    outline: 0;
    background: #fff;
    border: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #008489;
    border-left: 0; }

.DateInput__small {
  width: 85px !important;
  padding: 5px 0 !important;
  line-height: 1; }

.DateRangePickerInput_arrow {
  position: relative;
  width: 20px; }
  .DateRangePickerInput_arrow:after {
    content: '~';
    position: absolute;
    left: 0;
    background: #fff;
    height: 100%;
    width: 100%; }

.SingleDatePicker_picker,
.DateRangePicker_picker {
  z-index: 100 !important; }

.DateRangePickerInput {
  white-space: nowrap; }
  .DateRangePickerInput_calendarIcon {
    padding: 8px 10px !important; }
    .DateRangePickerInput_calendarIcon_svg {
      margin-top: -2px; }
  .DateRangePickerInput__withBorder {
    border-color: #b6b6ca !important; }

.DateRangePicker,
.DateRangePickerInput__withBorder {
  width: 100%; }

.CalendarDay {
  vertical-align: middle; }
  .CalendarDay__today:not(.CalendarDay__selected) {
    background-color: #f4f4f4 !important; }

.SingleDatePickerInput {
  height: 38px; }

.SingleDatePickerInput__withBorder {
  height: 38px;
  border-color: #b6b6ca !important; }

.SingleDatePickerInput__disabled {
  background-color: #f8f8f8 !important;
  border-color: #e1e1e6 !important; }

.DateInput__disabled {
  background-color: #f8f8f8 !important; }
  .DateInput__disabled input[type="text"] {
    background-color: transparent !important;
    color: #999 !important; }

.DateInput_input__disabled {
  font-style: normal !important; }

.slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .slider-sm .slider-container,
  .slider-sm .slider-bg,
  .slider-sm .slider-pointer,
  .slider-sm .slider-tracks {
    height: 5px; }
  .slider-sm .slider-bg,
  .slider-sm .slider-track {
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
    background-size: 3px 5px; }
  .slider-sm .slider-status .sprite {
    margin-right: 5px; }
  .slider-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .slider-status > div ~ div {
      margin-left: 20px; }
    .slider-status ~ .slider-container {
      padding-top: 9px;
      height: 9px; }
  .slider-container {
    position: relative;
    width: 100%;
    height: 18px;
    padding-top: 12px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box; }
    .slider-container.disabled .slider-pointer:after {
      content: none; }
  .slider-bg {
    position: absolute;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background-color: #e1e1e6; }
  .slider-pointer {
    position: absolute;
    z-index: 2;
    width: 2px;
    height: 8px;
    background-color: #11193f; }
    .slider-pointer[data-value="100"] {
      background-color: transparent; }
      .slider-pointer[data-value="100"]:after {
        margin-left: -7px; }
    .slider-pointer:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 0;
      margin-left: -5px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 6px 10px 6px;
      border-color: transparent transparent #11193f transparent; }
  .slider-value {
    width: 12px;
    font-size: 11px;
    margin-top: -15px;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .slider-tracks {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    overflow: hidden; }
  .slider-track {
    position: absolute;
    height: 100%; }
    .routing-simple .slider-track {
      width: 100%; }
    .slider-track:first-child {
      border-radius: 5px 0 0 5px; }
    .slider-track-cloudfront {
      background-color: #ff931e; }
    .slider-track-akamai {
      background-color: #44abff; }
    .slider-track-alibaba {
      background-color: #ff6250; }
    .slider-track-azure {
      background-color: #7477f5; }
    .slider-track-limelight {
      background-color: #81c427; }
    .slider-track-tencent {
      background-color: #0076bf; }
    .slider-track-solbox {
      background-color: #dd060a; }
    .slider-track-kt {
      background-color: #dd060a; }
    .slider-track-lguplus {
      background-color: #ea18c1; }
    .slider-track-google {
      background-color: #feba02; }
    .slider-track-cloudflare {
      background-color: #d96400; }
    .slider-track-custom {
      background-color: #9fa1aa; }
  .slider-rail-outer {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .slider-rail-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none; }

.react-json-view {
  width: 100%;
  padding: 20px; }
  .react-json-view .object-content .object-key-val {
    min-height: 24px; }
    .react-json-view .object-content .object-key-val .variable-value {
      word-break: break-all; }
    .react-json-view .object-content .object-key-val:hover *,
    .react-json-view .object-content .object-key-val *:hover,
    .react-json-view .object-content .object-key-val * {
      vertical-align: top;
      min-height: 15px; }

.json-viewer-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -15px;
  padding-bottom: 10px; }
  .json-viewer-tools h5 {
    font-size: #000;
    font-weight: bold; }
  .json-viewer-tools .form-control {
    margin-right: 5px; }
  .json-viewer-tools .btn {
    margin-left: 5px; }
    .json-viewer-tools .btn:last-child {
      border-left: 1px solid #e6e6ec; }
    .json-viewer-tools .btn .sprite {
      opacity: .4; }
    .json-viewer-tools .btn.active .sprite {
      opacity: 1; }

.json-viewer pre {
  background: #e8eff4;
  padding: 15px; }

.Toastify__toast {
  min-height: 0 !important;
  padding: 26px 20px !important;
  opacity: 0.9 !important;
  border-radius: 5px !important;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important; }
  .Toastify__toast .Toastify__toast-body .title {
    font-size: 14px; }
  .Toastify__toast .Toastify__toast-body hr {
    margin: 15px 0;
    opacity: 0.2; }
  .Toastify__toast .Toastify__toast-body .btns {
    text-align: right; }
  .Toastify__toast--info {
    background-color: #11193f !important; }
  .Toastify__toast--success {
    background-color: #2e9812 !important; }
    .Toastify__toast--success .Toastify__toast-body:before {
      content: "";
      margin-right: 8px;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -777px -513px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 16px;
      min-width: 16px;
      height: 16px; }
  .Toastify__toast--warning {
    background-color: #f57f00 !important; }
    .Toastify__toast--warning .Toastify__toast-body:before {
      content: "";
      margin-right: 8px;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -886px -108px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 16px;
      min-width: 16px;
      height: 16px; }
  .Toastify__toast--error {
    background-color: #ef4016 !important; }
    .Toastify__toast--error .Toastify__toast-body:before {
      content: "";
      margin-right: 8px;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -886px -684px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 16px;
      min-width: 16px;
      height: 16px; }
  .Toastify__toast--default {
    color: #fff !important;
    background-color: #000 !important; }
  .Toastify__toast-container--top-right {
    margin-top: 56px !important; }
  .Toastify__toast-container--bottom-left {
    margin-bottom: calc(40px + 20px) !important; }

.Toastify__close-button {
  font-size: 0 !important;
  opacity: 1 !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  margin: -10px -10px 0 0; }
  .Toastify__close-button svg {
    display: none; }
  .Toastify__close-button:before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -922px -464px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 15px;
    min-width: 15px;
    height: 15px;
    -webkit-transform: scale(0.8) !important;
        -ms-transform: scale(0.8) !important;
            transform: scale(0.8) !important; }

.Toastify__progress-bar {
  background-color: rgba(255, 255, 255, 0.6) !important; }

.file-process {
  margin-top: 10px; }
  .file-process .file {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .file-process .file-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .file-process .file-info ~ .file-path {
        margin-left: 22px; }
    .file-process .file-type {
      margin-right: 8px; }
      .file-process .file-type .sprite {
        vertical-align: top; }
      .file-process .file-type + .file-name {
        margin-left: 0; }
    .file-process .file-name {
      position: relative;
      min-width: 1%;
      display: block;
      display: grid; }
      .file-process .file-name span {
        display: block;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden; }
    .file-process .file-size {
      margin-left: 4px;
      white-space: nowrap; }
      .file-process .file-size:first-child {
        margin-left: 0; }
    .file-process .file-path > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 8px;
      font-size: 11px;
      white-space: normal;
      color: #fff; }
    .file-process .file .rename-to-be {
      min-width: 16px;
      text-align: center; }
      .file-process .file .rename-to-be .sprite {
        margin-top: -4px; }
        .file-process .file .rename-to-be .sprite-caret-right-gray {
          margin-top: 2px; }
          .file-process .file .rename-to-be .sprite-caret-right-gray + .sprite-caret-right-gray {
            margin-left: 2px; }
  .file-process .sprite-etc-vertical {
    -webkit-filter: invert(1);
            filter: invert(1); }
  .file-process .btn-fold {
    top: 12px;
    padding: 5px 15px;
    left: 0; }

.dropping-item {
  position: absolute;
  z-index: 1000;
  width: 260px;
  padding: 15px;
  border: 1px solid #2763ea;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(38, 99, 233, 0.3);
          box-shadow: 3px 3px 3px 0 rgba(38, 99, 233, 0.3);
  background-color: #f9fbfe; }
  .dropping-item-status {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 15px;
    height: 17px;
    margin: -8px;
    padding: 0 5px;
    border-radius: 17px;
    color: #fff;
    background-color: #2763ea; }
    .error .dropping-item-status {
      background-color: #ef4016; }
  .dropping-item .list-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .dropping-item .list-content .sprite:first-child {
      margin-top: 3px; }
    .dropping-item .list-content > .form-checkbox {
      -ms-flex-item-align: center;
          align-self: center; }
  .dropping-item .list-thumbnail .type {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    min-width: 50px;
    vertical-align: top;
    margin-right: 15px;
    text-align: center; }
    .dropping-item .list-thumbnail .type:after {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .dropping-item .list-thumbnail .type:hover {
      text-decoration: none; }
    .dropping-item .list-thumbnail .type > span {
      display: block;
      position: relative;
      width: 100%;
      height: 100%;
      background-color: #f2f2f2; }
      .dropping-item .list-thumbnail .type > span:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .dropping-item .list-thumbnail .type-folder span:before {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -276px -554px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 22px;
      min-width: 22px;
      height: 19px; }
    .dropping-item .list-thumbnail .type-video span:before {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -569px -454px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 19px;
      min-width: 19px;
      height: 26px; }
    .dropping-item .list-thumbnail .type-text span:before, .dropping-item .list-thumbnail .type-caption span:before {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -569px 0px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 25px;
      min-width: 25px;
      height: 24px; }
    .dropping-item .list-thumbnail .type-audio span:before {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -144px -464px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 26px;
      min-width: 26px;
      height: 27px; }
    .dropping-item .list-thumbnail .type-file span:before {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -427px -283px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 32px;
      min-width: 32px;
      height: 27px; }
    .dropping-item .list-thumbnail .type-image span:before {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -364px -402px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 32px;
      min-width: 32px;
      height: 20px; }
  .dropping-item .list-thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    left: 0;
    top: 0; }
  .dropping-item .list-thumbnail .rounded-circle {
    border-radius: 100%; }
  .dropping-item .list-thumbnail + .list-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    min-height: 48px; }
  .dropping-item .list-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .dropping-item .list-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 5px; }
    .dropping-item .list-icons .sprite {
      vertical-align: top; }
      .dropping-item .list-icons .sprite + .sprite {
        margin-left: 4px; }
      .dropping-item .list-icons .sprite:first-child {
        margin-top: 0; }

.control-pagination > div:only-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right; }

.control-pagination .pagination {
  position: relative; }
  .control-pagination .pagination .select2-container.select2-container-sm .select2-selection__value-container {
    padding: 0 8px !important; }
  .control-pagination .pagination .select2-container .select2-selection__value-container {
    padding: 2px 8px !important; }
  .control-pagination .pagination .select2-container .select2-selection__indicators {
    display: none; }
  .control-pagination .pagination .select2-container .select2-selection__option {
    white-space: nowrap !important; }

.MuiPagination-root {
  display: inline-block;
  max-height: 38px;
  margin-right: 8px;
  vertical-align: middle; }

.MuiPagination-ul {
  vertical-align: middle; }
  .MuiPagination-ul .MuiPaginationItem-root {
    min-width: 0;
    height: 38px;
    margin: 0;
    padding: 0 5px;
    font-size: 13px;
    font-weight: bold;
    font-family: inherit; }
    .pagination-sm .MuiPagination-ul .MuiPaginationItem-root {
      height: 30px; }
  .MuiPagination-ul .Mui-selected {
    background-color: transparent;
    color: #2763ea; }
  .MuiPagination-ul .MuiPaginationItem-page:hover, .MuiPagination-ul .MuiPaginationItem-page:active {
    background-color: transparent !important; }
  .MuiPagination-ul .MuiPaginationItem-page.Mui-selected {
    background-color: transparent; }
  .MuiPagination-ul .MuiTouchRipple-root {
    display: none; }
  .MuiPagination-ul .MuiPaginationItem-icon {
    font-size: 2rem; }

.control-pagination .pagination-input {
  position: relative;
  display: inline-block; }
  .control-pagination .pagination-input .select2-container {
    min-width: 0;
    width: 80px; }
.control-pagination .pagination-input .select2-container svg{
    display: none;
}
    .control-pagination .pagination-input .select2-container .select2-selection__value-container {
      cursor: pointer; }
    .control-pagination .pagination-input .select2-container.select2-focus + .btn {
      z-index: 10; }
  .control-pagination .pagination-input .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 27px;
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-left: 1px solid #dfdfee;
    pointer-events: none; }
    .control-pagination .pagination-input .btn:hover .sprite {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -343px -1028px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 10px;
      min-width: 10px;
      height: 6px; }
    .control-pagination .pagination-input .btn .sprite {
      opacity: 0.7; }

/*


#6f6f83;
#f57f00;
#b6b6ca;
#3a3f51;
#efeff6;
#dfdfee;
#fbfbfb;
#9c9cc1;
#fef2e5;
#7182a6;
#11193f;
#245ce2;
#f2f2f2;
#a7a7a7;
#f4f7fe; card is-active bg

#335d77;
#009ea0;
#405fff;
#29b190;
#2e9812

#525252
#242424;

icon btn
cdcdd9;
373d5e

channel status btn
f3f4f5
fafbfb
f3f4f5

706f81
fafbfb

container badge bg color
405fff
8660d9
3f485a
5d8fff
5f62e5

*/
html {
  height: 100%;
  overflow-y: scroll; }

body,
#root {
  height: 100%;
  min-height: 100%; }
  body > .content-wrapper,
  #root > .content-wrapper {
    background-color: #f2f2f2;
    padding: 30px; }
    body > .content-wrapper .page-header,
    #root > .content-wrapper .page-header {
      min-width: 0; }

.wrap {
  height: 100%;
  min-width: 1260px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .wrap {
      min-width: 1665px; }
      .wrap-nothing, .wrap-welcome, .wrap-gate, .wrap-error {
        min-width: 1260px; }
        .wrap-nothing .header ~ .container .main, .wrap-welcome .header ~ .container .main, .wrap-gate .header ~ .container .main, .wrap-error .header ~ .container .main {
          height: calc(100vh - 56px); }
        .wrap-nothing .main, .wrap-welcome .main, .wrap-gate .main, .wrap-error .main {
          height: 100vh; }
        .wrap-nothing .contents, .wrap-welcome .contents, .wrap-gate .contents, .wrap-error .contents {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
      .wrap-welcome .main, .wrap-gate .main {
        height: 100vh; }
      .wrap.panel-push-open {
        min-width: 1600px;
        padding-right: 397px; } }
  .wrap-welcome .contents, .wrap-shared-download .contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .wrap-welcome .main {
    background-color: #fff; }
    .wrap-welcome .main .footer {
      background-color: #fff; }
  .wrap-shared-download .contents {
    min-height: 100%;
    height: auto;
    padding: 0; }
  .wrap.in-sidebar {
    padding-left: 255px; }
    .wrap.in-sidebar .panel-bottom {
      left: 255px;
      width: calc(100% - 255px); }
      .wrap.in-sidebar .panel-bottom .panel-fixed-tabs {
        left: 255px; }
    .wrap.in-sidebar .footer-fixed {
      left: 255px; }
  .nav-fold .wrap {
    padding-left: 0; }
    .nav-fold .wrap .panel-bottom {
      left: 35px;
      width: calc(100% - 35px); }
      .nav-fold .wrap .panel-bottom .panel-fixed-tabs {
        left: 35px; }
    .nav-fold .wrap .footer-fixed {
      left: 35px; }

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 40; }
  .header ~ .container {
    padding-top: 56px; }
  .header.header-cms ~ .container {
    padding-top: 94px; }

.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  width: 100%;
  overflow: visible; }

.sidebar {
  position: fixed;
  left: 0;
  top: 56px;
  bottom: 0;
  width: 255px;
  z-index: 30; }
  .nav-fold .sidebar {
    width: 35px; }

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  width: 100%;
   }
  .in-fixed-bottom-panel .main {
    padding-bottom: calc(40px + 40px); }
  .nav-fold .main {
    padding-left: 35px; }
  .in-fixed-tab .main {
    padding-right: 44px; }

.contents {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  min-height: calc(100vh - 48px - 56px);
  height: calc(100% - 48px); }

@supports ((position: -webkit-sticky) or (position: sticky)) and (min-width: 1260px) {
  .page-header {
    position: -webkit-sticky;
    position: sticky;
    /*width: calc(100vw - 60px - 17px);*/
    /*width: calc(100vw - 60px - var(--scroll-bar-width)); */
  }
    .in-sidebar .page-header {
      width: calc(100vw - 255px - 60px - 17px);
      width: calc(100vw - 255px - 60px - var(--scroll-bar-width));
      position: -webkit-sticky;
      position: sticky;
      left: calc(255px + 30px); }
    .nav-fold .page-header {

      width: calc(100vw - 35px - 60px - 17px);
      width: calc(100vw - 35px - 60px - var(--scroll-bar-width)); }
    .in-sidebar.panel-push-open .page-header {
      width: calc(100vw - 255px - 60px - 397px - 17px);
      width: calc(100vw - 255px - 60px - 397px - var(--scroll-bar-width)); }
    .nav-fold .panel-push-open .page-header {
      width: calc(100vw - 35px - 60px - 397px - 17px);
      width: calc(100vw - 35px - 60px - 397px - var(--scroll-bar-width)); }
    .in-fixed-tab .page-header {
      width: calc(100vw - 60px - 17px - 44px);
      width: calc(100vw - 60px - var(--scroll-bar-width) - 44px); }
    .in-fixed-tab.in-sidebar .page-header {
      width: calc(100vw - 255px - 60px - 17px - 44px);
      width: calc(100vw - 255px - 60px - var(--scroll-bar-width) - 44px); }
    .in-fixed-tab.nav-fold .page-header {
      width: calc(100vw - 35px - 60px - 17px - 44px);
      width: calc(100vw - 35px - 60px - var(--scroll-bar-width) - 44px); }
    .in-sidebar.panel-push-open.in-fixed-tab .page-header {
      width: calc( 100vw - 255px - 60px - 397px - 17px - 44px);
      width: calc( 100vw - 255px - 60px - 397px - var(--scroll-bar-width) - 44px); }
    .panel-push-open.in-fixed-tab .page-header {
      width: calc(100vw - 60px - 397px - 17px - 44px);
      width: calc(100vw - 60px - 397px - var(--scroll-bar-width) - 44px); }
    .nav-fold .in-fixed-tab .page-header {
      width: calc(100vw - 35px - 60px - 17px - 44px);
      width: calc(100vw - 35px - 60px - var(--scroll-bar-width) - 44px); }
    .nav-fold .panel-push-open.in-fixed-tab .page-header {
      width: calc(100vw - 35px - 60px - 397px - 17px);
      width: calc(100vw - 35px - 60px - 397px - var(--scroll-bar-width)); }
  .in-sidebar .page-header {
    min-width: calc(1024px - 255px - 60px - 17px);
    min-width: calc(1024px - 255px - 60px - var(--scroll-bar-width)); } }

.panel {
  position: fixed;
  background-color: #fff; }
  .panel-cover {
    top: 56px;
    right: -480px;
    bottom: 0;
    width: 480px;
    z-index: 20; }
    .panel-cover-open .panel-cover {
      z-index: calc(40 + 1);
      right: 0;
      /*-webkit-box-shadow: 7px 0px 80px -9px rgba(0, 0, 0, 0.15);*/
      /*        box-shadow: 7px 0px 80px -9px rgba(0, 0, 0, 0.15);*/
      box-shadow: -2px 0px 6px 0px rgba(0, 0, 0, 0.20);
    }
    @media screen and (max-width: 768px) {
      .panel-cover {
        top: 55px;
        right: -100%;
        width: 100%; } }
  .panel-push {
    right: -397px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    float: right;
    width: 0;
    right: -397px;
    height: calc(100vh - 56px);
    z-index: 15;
    overflow: hidden; }
    .in-fixed-tab .panel-push {
      overflow: visible; }
    .panel-push-open .panel-push {
      position: -webkit-sticky;
      position: sticky;
      right: 0;
      top: 56px;
      width: 397px;
      -webkit-box-shadow: 7px 0px 80px -9px rgba(0, 0, 0, 0.15);
              box-shadow: 7px 0px 80px -9px rgba(0, 0, 0, 0.15); }
      .panel-push-open .panel-push .panel-footer {
        right: 0; }
      @media screen and (max-width: 840px) {
        .panel-push-open .panel-push {
          position: fixed;
          top: 55px;
          height: calc(100vh - 55px); } }
    .panel-push-open.in-fixed-tab .panel-push {
      right: 44px; }
      .panel-push-open.in-fixed-tab .panel-push .panel-footer {
        right: 44px; }
  .panel-bottom {
    position: fixed;
    top: initial;
    bottom: 40px;
    left: 0;
    right: 0;
    width: 100%; }

.footer {
  position: relative;
  height: 70px;
  padding: 0 30px; }
  .footer-fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    z-index: 21; }

.header .select-project {
  margin-left: 30px; }
  @media screen and (max-width: 960px) {
    .header .select-project {
      margin-left: 0;
      padding-left: 15px; } }

.sidebar .select-project {
  margin: 10px; }

.select-project .current {
  position: relative;
  padding-left: 10px;
  padding-right: 25px;
  padding-top: 9px;
  padding-bottom: 9px;
  border: 1px solid #cdcdd9;
  border-radius: 3px;
  cursor: pointer; }
  .header .select-project .current {
    border: none;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 38px; }
  .select-project .current > div {
    display: inline-block;
    max-width: 80%;
    vertical-align: middle; }
  .select-project .current strong {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: bold; }
    .header .select-project .current strong {
      width: 110px; }
      @media screen and (max-width: 960px) {
        .header .select-project .current strong {
          max-width: 80%; } }
  .select-project .current small {
    display: block;
    font-size: 11px;
    color: #999; }
    .header .select-project .current small {
      display: none; }
  .select-project .current .arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    border-color: #83839a transparent transparent transparent; }
  .select-project .current.active .arrow {
    border-color: #5186ff transparent transparent transparent; }

.select-project .thumbnail {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-width: 26px;
  width: 26px;
  height: 26px;
  padding: 0;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #6b7bdf;
  overflow: hidden; }
  .header .select-project .thumbnail {
    min-width: 22px;
    width: 22px;
    height: 22px; }
  .select-project .thumbnail img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%; }
  .select-project .thumbnail:before, .select-project .thumbnail:after {
    position: absolute;
    left: 0;
    top: 0; }
  .select-project .thumbnail:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #4b7de6;
    text-transform: uppercase;
    border-radius: 3px; }
  .select-project .thumbnail:after {
    content: attr(data-title);
    left: 50%;
    top: 50%;
    margin-top: -1px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .header .select-project .thumbnail:after {
      font-size: 16px; }

.select-project .list {
  background-color: white;
  border-radius: 4px;
  position: absolute;
  z-index: 2;
  padding-top: 5px;
  left: 10px;
  right: 10px;
  border: 1px solid #cdcdd9; }
  .select-project .list:before {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
    top: -3px;
    height: 5px;
    background-color: #fff;
    border-right: 1px solid #cdcdd9;
    border-left: 1px solid #cdcdd9; }
  .select-project .list .select2-selection__control {
    margin: 0 10px; }
  .select-project .list .select2-selection__value-container {
    padding-left: 10px !important; }
  .select-project .list .select2-selection__indicators {
    padding: 0 10px; }
  .select-project .list .select2-selection__menu {
    position: static;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .select-project .list .select2-selection__menu-list::-webkit-scrollbar {
      width: 6px;
      height: 20px;
      margin: 10px; }
    .select-project .list .select2-selection__menu-list::-webkit-scrollbar-track {
      background: transparent; }
    .select-project .list .select2-selection__menu-list::-webkit-scrollbar-thumb {
      background: rgba(17, 25, 63, 0.15);
      border-radius: 10px; }
  .select-project .list .select2-selection__option:nth-child(odd) .thumbnail:before {
    background-color: #2b74b8; }
  .select-project .list .select2-selection__option:nth-child(even) .thumbnail:before {
    background-color: #1c9498; }
  .select-project .list .select2-selection__option:nth-child(4n-1) .thumbnail:before {
    background-color: #6b7bdf; }
  .select-project .list .select2-selection__option:nth-child(4n + 4) .thumbnail:before {
    background-color: #a09165; }
  .select-project .list .custom-option {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0; }
    .select-project .list .custom-option span {
      -ms-flex-item-align: center;
          align-self: center; }
    .select-project .list .custom-option .sprite-selected-xs {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .header .select-project .list {
    right: initial;
    color: #000;
    margin-top: -3px; }
    .header .select-project .list:before {
      content: none; }
    @media screen and (max-width: 960px) {
      .header .select-project .list {
        left: 15px;
        right: 15px;
        margin-top: 0; } }

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 56px;
  color: #fff;
  background-color: #04060f; }
  .header-cms {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
    background-color: #152781;
    border-bottom: 1px solid rgba(131, 131, 154, 0.08); }
  .header > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .header h1 {
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px; }
    .header h1 button,
    .header h1 a {
      display: inline-block;
      vertical-align: middle;
      min-height: 30px; }
    .header h1 img {
      vertical-align: -3px;
      max-height: 40px; }
  .header .btn-header-switch {
    position: relative; }
    .header .btn-header-switch:after {
      content: "";
      position: absolute;
      left: -20px;
      top: 50%;
      margin-top: -14px;
      display: inline-block;
      width: 1px;
      height: 28px;
      opacity: 0.2;
      background-color: #83839a; }
    .header .btn-header-switch svg {
      fill: inherit; }
    .header .btn-header-switch:hover {
      color: #fff !important;
      fill: #fff;
      border-color: #1a56d0 !important;
      background-color: #1a56d0; }
    .header .btn-header-switch:active {
      color: #fff !important;
      fill: #fff;
      border-color: #164ebf !important;
      background-color: #164ebf; }
  .header .nav-wrap {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(131, 131, 154, 0.08); }
    .header .nav-wrap .navbar {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 15px;
      position: relative; }
      .header .nav-wrap .navbar:after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        display: block;
        width: 1px;
        height: 10px;
        background-color: rgba(223, 223, 238, 0.1);
        margin-top: -5px; }
    .header .nav-wrap li {
      position: relative;
      padding: 0 15px; }
      .header .nav-wrap li:first-child:after {
        content: none; }
      .header .nav-wrap li.active a:after {
        opacity: 1; }
      .header .nav-wrap li a {
        position: relative;
        display: block;
        padding: 10px 0;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        color: inherit; }
        .header .nav-wrap li a:hover {
          text-decoration: none; }
        .header .nav-wrap li a:after {
          opacity: 0;
          content: "";
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          top: 100%;
          height: 3px;
          margin-top: -2px;
          background-color: #5186ff; }
  .header .utils {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    .header .utils .btn-dropdown-trigger {
      position: relative;
      text-align: left;
      height: 56px;
      color: inherit;
      border: none;
      background-color: transparent; }
      .header .utils .btn-dropdown-trigger:hover {
        color: inherit;
        background-color: transparent; }
        .header .utils .btn-dropdown-trigger:hover:after {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -64px -1028px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 12px;
          min-width: 12px;
          height: 10px; }
    .header .utils .btn-dropdown-layer {
      margin-top: -5px; }
    .header .utils button {
      color: inherit; }
      .header .utils button.btn-primary {
        color: #fff; }
    .header .utils a {
      color: inherit; }
      .header .utils a:hover {
        text-decoration: none; }
      .header .utils a.btn-primary {
        color: #fff; }
    .header .utils-menu {
      position: relative;
      border-left: 1px solid rgba(131, 131, 154, 0.2); }
    .header .utils-job {
      padding-right: 20px; }
    .header .utils-stage .thumbnail {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      min-width: 28px;
      width: 28px;
      height: 28px;
      padding: 0;
      margin-right: 10px;
      border-radius: 3px;
      background-color: #6b7bdf;
      overflow: hidden; }
      .header .header .utils-stage .thumbnail {
        min-width: 22px;
        width: 22px;
        height: 22px; }
      .header .utils-stage .thumbnail img {
        position: relative;
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%; }
      .header .utils-stage .thumbnail:before, .header .utils-stage .thumbnail:after {
        position: absolute;
        left: 0;
        top: 0; }
      .header .utils-stage .thumbnail:before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: #0d37c4;
        text-transform: uppercase;
        border-radius: 3px; }
      .header .utils-stage .thumbnail:after {
        content: attr(data-title);
        left: 50%;
        top: 50%;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        overflow: hidden;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        opacity: 0.6; }
      .header .utils-stage .thumbnail .sprite-indexing {
        margin: 6px; }
    .header .utils-stage .btn-dropdown-trigger {
      position: relative;
      padding-right: 25px;
      text-align: left;
      height: 56px;
      color: inherit;
      border: none;
      background-color: transparent; }
      .header .utils-stage .btn-dropdown-trigger.disabled:after, .header .utils-stage .btn-dropdown-trigger[disabled]:after, .header .utils-stage .btn-dropdown-trigger:disabled:after {
        content: none; }
      .header .utils-stage .btn-dropdown-trigger:after {
        content: "";
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -7px;
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 0px -1028px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 12px;
        min-width: 12px;
        height: 10px; }
      .header .utils-stage .btn-dropdown-trigger:hover {
        color: inherit;
        background-color: transparent; }
        .header .utils-stage .btn-dropdown-trigger:hover:after {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -993px -996px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 12px;
          min-width: 12px;
          height: 10px; }
      .header .utils-stage .btn-dropdown-trigger .item-stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .header .utils-stage .btn-dropdown-trigger .item-stage span {
          width: 130px; }
      .header .utils-stage .btn-dropdown-trigger > div {
        padding: 0 15px; }
        .header .utils-stage .btn-dropdown-trigger > div strong {
          display: block;
          font-style: normal;
          font-size: 11px;
          color: inherit;
          opacity: 0.7; }
        .header .utils-stage .btn-dropdown-trigger > div span {
          display: block;
          width: 164px;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          overflow: hidden;
          margin: 3px 0 0 0;
          font-size: 13px;
          color: inherit; }
    .header .utils-stage .dropdown-open .btn-dropdown-trigger:after {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -993px -996px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 12px;
      min-width: 12px;
      height: 10px; }
    .header .utils-stage .btn-dropdown-layer {
      left: inherit;
      right: 0;
      width: 346px;
      margin-top: -5px;
      padding: 0;
      color: #000;
      border-radius: 4px;
      -webkit-box-shadow: 0px 10px 16px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0px 10px 16px 0 rgba(0, 0, 0, 0.12);
      border: 1px solid #dfdfee; }
      .header .utils-stage .btn-dropdown-layer .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 10px 20px 20px;
        border-radius: 4px 4px 0 0;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        background-color: #f8f8f8;
        border-bottom: 1px solid #dfdfee; }
        .header .utils-stage .btn-dropdown-layer .head div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          line-height: 1;
          font-size: 15px; }
        .header .utils-stage .btn-dropdown-layer .head .btn-switch {
          padding: 0 15px; }
      .header .utils-stage .btn-dropdown-layer .list {
        max-height: 205px;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain;
        overflow-y: auto;
        margin-right: -20px;
        padding-right: 14px;
        margin: 0;
        padding: 0; }
        .header .utils-stage .btn-dropdown-layer .list::-webkit-scrollbar {
          width: 14px;
          height: 20px;
          margin: 10px; }
        .header .utils-stage .btn-dropdown-layer .list::-webkit-scrollbar-track {
          background: transparent; }
        .header .utils-stage .btn-dropdown-layer .list::-webkit-scrollbar-thumb {
          background: rgba(17, 25, 63, 0.15);
          border-radius: 10px;
          background-clip: padding-box;
          border: 4px solid transparent; }
        .header .utils-stage .btn-dropdown-layer .list ul {
          list-style: none; }
          .header .utils-stage .btn-dropdown-layer .list ul li {
            margin: 0;
            border-bottom: 1px solid #dfdfee; }
            .header .utils-stage .btn-dropdown-layer .list ul li:last-child {
              border-bottom: 0; }
            .header .utils-stage .btn-dropdown-layer .list ul li:hover a {
              background-color: #f2f2f2; }
            .header .utils-stage .btn-dropdown-layer .list ul li.selected a {
              background-color: rgba(39, 99, 234, 0.1); }
              .header .utils-stage .btn-dropdown-layer .list ul li.selected a:after {
                opacity: 1; }
            .header .utils-stage .btn-dropdown-layer .list ul li:nth-child(odd) .thumbnail:before {
              background-color: #0d37c4; }
            .header .utils-stage .btn-dropdown-layer .list ul li:nth-child(even) .thumbnail:before {
              background-color: #5f1abe; }
            .header .utils-stage .btn-dropdown-layer .list ul li:nth-child(4n-1) .thumbnail:before {
              background-color: #087c7c; }
            .header .utils-stage .btn-dropdown-layer .list ul li:nth-child(4n + 4) .thumbnail:before {
              background-color: #537612; }
            .header .utils-stage .btn-dropdown-layer .list ul li a {
              position: relative;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              padding: 14px 50px 14px 13px;
              color: #000;
              word-break: break-all;
              font-weight: bold; }
              .header .utils-stage .btn-dropdown-layer .list ul li a:hover {
                text-decoration: none; }
              .header .utils-stage .btn-dropdown-layer .list ul li a:after {
                content: "";
                position: absolute;
                opacity: 0; }
              .header .utils-stage .btn-dropdown-layer .list ul li a:after {
                right: 16px;
                top: 50%;
                margin-top: -8px;
                vertical-align: middle;
                display: inline-block;
                background-repeat: no-repeat;
                background-position: -252px -857px;
                background-size: 1064px auto;
                background-image: url(../images/sprites.png);
                width: 16px;
                min-width: 16px;
                height: 16px; }
            .header .utils-stage .btn-dropdown-layer .list ul li .thumbnail {
              display: inline-block;
              width: 28px;
              margin-right: 10px; }
              .header .utils-stage .btn-dropdown-layer .list ul li .thumbnail img {
                width: 28px;
                height: 28px;
                -o-object-fit: cover;
                   object-fit: cover; }
    .header .utils-organization {
      padding: 0 20px; }
      .header .utils-organization a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 56px;
        line-height: 56px;
        color: inherit; }
        .header .utils-organization a span {
          display: inline-block;
          margin: 0 8px;
          max-width: 150px;
          white-space: nowrap;
          overflow: hidden;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis; }
    .header .utils-profile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 20px;
      height: 56px; }
      .header .utils-profile a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        line-height: 1;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
      .header .utils-profile .thumbnail {
        width: 26px;
        height: 26px;
        min-width: 26px;
        margin-right: 10px;
        border-radius: 100%;
        overflow: hidden; }
        .header .utils-profile .thumbnail img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .header .utils-profile strong,
      .header .utils-profile small {
        display: block;
        max-width: 200px;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden; }
      .header .utils-profile strong {
        color: inherit;
        font-weight: bold;
        font-size: 13px;
        line-height: 1.3; }
      .header .utils-profile small {
        color: inherit;
        font-size: 11px;
        line-height: 1.4;
        opacity: 0.7; }
      .header .utils-profile .btn-logout {
        padding-left: 20px;
        line-height: 1; }
        .header .utils-profile .btn-logout:hover .sprite {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -608px -996px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 13px;
          min-width: 13px;
          height: 11px;
          vertical-align: top; }
      .header .utils-profile .btn-dropdown {
        margin-left: 30px; }
      .header .utils-profile .btn-dropdown-layer {
        left: inherit;
        right: 0;
        margin-top: -5px;
        white-space: nowrap; }
      .header .utils-profile .token-count {
        margin: 0 10px 0 30px;
        color: #6496ff;
        border-radius: 100px;
        background-color: #2e2f3d; }
        .header .utils-profile .token-count span {
          display: inline-block;
          padding: 5px 15px;
          font-weight: bold; }
        .header .utils-profile .token-count button {
          padding: 5px 15px;
          background-color: #5d5f68;
          border-radius: 100px; }
    .header .utils-search {
      position: static;
      -webkit-transform: translateZ(0);
              transform: translateZ(0); }
      .header .utils-search .btn {
        width: 56px;
        height: 56px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border: none;
        margin: 0; }
        .header .utils-search .btn:hover .sprite-search-gray {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -737px -548px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 17px;
          min-width: 17px;
          height: 17px; }
      .header .utils-search .quick-search {
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 0;
        opacity: 0;
        pointer-events: none;
        right: 0;
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease; }
        .header .utils-search .quick-search.active {
          width: 663px;
          visibility: visible;
          pointer-events: all;
          opacity: 1; }
      .header .utils-search form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #000c71;
        width: 100%;
        padding-left: 20px; }
        .header .utils-search form input {
          padding-left: 10px;
          background-color: transparent;
          border: none;
          color: #fff; }
    .header .utils-other .btn-dropdown-trigger {
      width: 56px;
      height: 56px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: none; }
      .header .utils-other .btn-dropdown-trigger .sprite {
        opacity: 0.7; }
      .header .utils-other .btn-dropdown-trigger:hover {
        background-color: transparent; }
        .header .utils-other .btn-dropdown-trigger:hover .sprite {
          opacity: 1; }
    .header .utils-other .btn-dropdown-layer {
      left: inherit;
      right: 8px;
      width: auto;
      margin-top: -5px;
      -webkit-box-shadow: 0px 10px 16px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0px 10px 16px 0 rgba(0, 0, 0, 0.12); }
    .header .utils-other .btn-dropdown-list button,
    .header .utils-other .btn-dropdown-list a {
      position: relative;
      padding: 5px 30px 5px 15px;
      white-space: nowrap;
      color: #000; }
      .active .header .utils-other .btn-dropdown-list button, .header .utils-other .btn-dropdown-list button.active, .header .utils-other .btn-dropdown-list button:hover, .active
      .header .utils-other .btn-dropdown-list a,
      .header .utils-other .btn-dropdown-list a.active,
      .header .utils-other .btn-dropdown-list a:hover {
        color: #2763ea; }
      .header .utils-other .btn-dropdown-list button .sprite,
      .header .utils-other .btn-dropdown-list a .sprite {
        margin-right: 9px; }
    .header .utils-other .dropdown-open .btn-dropdown-trigger .sprite-more-menu {
      opacity: 1;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -35px -893px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 15px;
      min-width: 15px;
      height: 15px; }
    .header .utils-panel .btn-panel-cover-open {
      position: relative;
      width: 56px;
      height: 56px;
      line-height: 56px;
      margin: 0;
      text-align: center;
      font: 0/0 a;
      vertical-align: middle; }
      .header .utils-panel .btn-panel-cover-open .icon {
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%; }
        .header .utils-panel .btn-panel-cover-open .icon:before, .header .utils-panel .btn-panel-cover-open .icon:after {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%; }
        .header .utils-panel .btn-panel-cover-open .icon:before {
          left: 50%;
          top: 50%; }
        .header .utils-panel .btn-panel-cover-open .icon:after {
          width: 100%;
          height: 100%;
          margin: -17px 0 0 -17px;
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -493px -118px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 34px;
          min-width: 34px;
          height: 34px; }
        .header .utils-panel .btn-panel-cover-open .icon-menu:before {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -801px -996px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 12px;
          min-width: 12px;
          height: 10px;
          margin: -5px 0 0 -6px;
          -webkit-filter: grayscale(1);
                  filter: grayscale(1);
          opacity: 0.4; }
        .header .utils-panel .btn-panel-cover-open .icon-play:before {
          margin: -6px 0 0 -4px;
          border-left: 10px solid #83839a;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent; }
      .active .header .utils-panel .btn-panel-cover-open, .header .utils-panel .btn-panel-cover-open.active {
        background: #010a54; }
        .active .header .utils-panel .btn-panel-cover-open .icon:after, .header .utils-panel .btn-panel-cover-open.active .icon:after {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -493px -172px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 34px;
          min-width: 34px;
          height: 34px;
          -webkit-animation: spin 1s infinite steps(8);
                  animation: spin 1s infinite steps(8); }
        .active .header .utils-panel .btn-panel-cover-open .icon-menu:before, .header .utils-panel .btn-panel-cover-open.active .icon-menu:before {
          -webkit-filter: grayscale(0);
                  filter: grayscale(0);
          opacity: 0.7; }
        .active .header .utils-panel .btn-panel-cover-open .icon-play:before, .header .utils-panel .btn-panel-cover-open.active .icon-play:before {
          border-left-color: #5186ff; }
      .panel-cover-open .header .utils-panel .btn-panel-cover-open {
        background-color: #000c71; }
        .panel-cover-open .header .utils-panel .btn-panel-cover-open span {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -922px -464px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 15px;
          min-width: 15px;
          height: 15px; }
        .panel-cover-open .header .utils-panel .btn-panel-cover-open .icon {
          opacity: 0; }
    .header .utils .token-count {
      margin: 0 10px 0 30px;
      color: #6496ff;
      border-radius: 100px;
      background-color: #2e2f3d; }
      .header .utils .token-count span {
        display: inline-block;
        padding: 5px 15px;
        font-weight: bold; }
      .header .utils .token-count button {
        padding: 5px 15px;
        background-color: #5d5f68;
        border-radius: 100px; }

.nav-fold .sidebar {
  width: 35px;
  -webkit-transition: width 300ms cubic-bezier(0.2, 0, 0, 1);
  -o-transition: width 300ms cubic-bezier(0.2, 0, 0, 1);
  transition: width 300ms cubic-bezier(0.2, 0, 0, 1); }
  .nav-fold .sidebar:after {
    width: 100%; }
  .nav-fold .sidebar-admin:after {
    background-color: #11193f; }
  .nav-fold .sidebar .btn-nav-toggle {
    left: 0;
    width: 35px;
    -webkit-transition: all 300ms cubic-bezier(0.2, 0, 0, 1);
    -o-transition: all 300ms cubic-bezier(0.2, 0, 0, 1);
    transition: all 300ms cubic-bezier(0.2, 0, 0, 1);
    cursor: e-resize; }
    .nav-fold .sidebar .btn-nav-toggle:after {
      opacity: 1;
      left: 100%; }
    .nav-fold .sidebar .btn-nav-toggle i {
      left: 35px;
      background-color: #11193f;
      -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
              box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18); }
      .nav-fold .sidebar .btn-nav-toggle i:after {
        content: '';
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -128px -1028px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 11px;
        min-width: 11px;
        height: 10px; }
    .nav-fold .sidebar .btn-nav-toggle:hover i:after {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -1025px -276px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 6px;
      min-width: 6px;
      height: 10px; }
    .nav-fold .sidebar .btn-nav-toggle:active i {
      background-color: #707a9a; }
  .nav-fold .sidebar .btn-menu-switch, .nav-fold .sidebar .btn-go-user {
    pointer-events: none;
    width: 0;
    opacity: 0; }

.sidebar {
  background-color: #fff;
  border-right: 1px solid #dfdfee; }
  .sidebar:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #fff; }
  .sidebar > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%; }
  .sidebar .scroll {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2; }
    .sidebar .scroll::-webkit-scrollbar {
      width: 14px;
      height: 20px;
      margin: 10px; }
    .sidebar .scroll::-webkit-scrollbar-track {
      background: transparent; }
    .sidebar .scroll::-webkit-scrollbar-thumb {
      background: rgba(17, 25, 63, 0.15);
      border-radius: 10px;
      background-clip: padding-box;
      border: 4px solid transparent; }
  .sidebar nav {
    position: relative; }
    .sidebar nav a {
      position: relative;
      display: block;
      font-size: 13px;
      text-decoration: none;
      color: #000;
      line-height: 1; }
      .sidebar nav a:hover {
        color: #2763ea;
        background-color: #f8f8f8; }
      .sidebar nav a .icon {
        min-width: 16px;
        text-align: center; }
  .sidebar .nav-item {
    border-top: 1px solid #f2f2f2; }
    .sidebar .nav-item:first-child {
      border-top: none; }
    .sidebar .nav-item.has-divider:before {
      content: '';
      display: block;
      height: 1px;
      margin: 2px 40px 2px -10px;
      background-color: #f2f2f2; }
    .sidebar .nav-item > a,
    .sidebar .nav-item > div:not(.submenu) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      padding: 15px 25px;
      font-size: 14px; }
      .sidebar .nav-item > a:before,
      .sidebar .nav-item > div:not(.submenu):before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 5px;
        height: 100%;
        background-color: #2763ea;
        opacity: 0; }
      .sidebar .nav-item > a span,
      .sidebar .nav-item > div:not(.submenu) span {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .sidebar .nav-item > a .icon,
      .sidebar .nav-item > div:not(.submenu) .icon {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        margin-right: 15px; }
      .sidebar .nav-item > a .sprite-angle,
      .sidebar .nav-item > a .btn-icon-solid,
      .sidebar .nav-item > div:not(.submenu) .sprite-angle,
      .sidebar .nav-item > div:not(.submenu) .btn-icon-solid {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -6px; }
      .sidebar .nav-item > a .btn-icon-solid,
      .sidebar .nav-item > div:not(.submenu) .btn-icon-solid {
        padding: 5px;
        margin-top: -11px;
        right: 15px; }
      .sidebar .nav-item > a > svg,
      .sidebar .nav-item > div:not(.submenu) > svg {
        fill: #6f6f83; }
    .sidebar .nav-item > a:hover .sprite-menu-files {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -850px -288px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 16px;
      min-width: 16px;
      height: 16px; }
    .sidebar .nav-item > a:hover .sprite-menu-projects {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -614px -252px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 22px;
      min-width: 22px;
      height: 22px; }
    .sidebar .nav-item > a:hover .sprite-menu-origin-storage {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -656px -160px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 20px;
      min-width: 20px;
      height: 20px; }
    .sidebar .nav-item > a:hover .sprite-menu-event-logs {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -656px -80px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 20px;
      min-width: 20px;
      height: 20px; }
    .sidebar .nav-item > a:hover .sprite-menu-analytics {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -656px 0px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 20px;
      min-width: 20px;
      height: 20px; }
    .sidebar .nav-item > a:hover .sprite-menu-realtime-stats {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -656px -240px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 20px;
      min-width: 20px;
      height: 20px; }
    .sidebar .nav-item > a:hover .sprite-menu-route {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -216px -821px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 16px;
      min-width: 16px;
      height: 16px; }
    .sidebar .nav-item > a:hover .sprite-menu-cdn {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -777px -296px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 17px;
      min-width: 17px;
      height: 16px; }
    .sidebar .nav-item > a:hover .sprite-menu-dns {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -777px -368px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 17px;
      min-width: 17px;
      height: 16px; }
    .sidebar .nav-item > a:hover .sprite-menu-usermngt {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -483px -554px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 21px;
      min-width: 21px;
      height: 17px; }
    .sidebar .nav-item > a:hover .sprite-menu-desktop {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -565px -554px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 21px;
      min-width: 21px;
      height: 16px; }
    .sidebar .nav-item > a:hover .sprite-menu-log {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -696px 0px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 21px;
      min-width: 21px;
      height: 16px; }
    .sidebar .nav-item.active > a {
      color: #2763ea;
      background-color: #f8f8f8; }
      .sidebar .nav-item.active > a:before {
        opacity: 1; }
      .sidebar .nav-item.active > a:hover {
        background-color: #f2f2f2; }
      .sidebar .nav-item.active > a .sprite-angle {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -1025px -72px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 7px;
        min-width: 7px;
        height: 11px; }
      .sidebar .nav-item.active > a .sprite-menu-dashboard {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -850px -144px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-files {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -850px -288px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-storage {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -432px -821px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-transcoding {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -612px -821px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-assets {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -684px -785px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-jobs {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -850px -432px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-media {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -850px -576px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-live {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -850px -504px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-interactivelive {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -850px -360px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-onlinemeeting {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -850px -720px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-chat {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -850px -36px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-projects {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -614px -252px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 22px;
        min-width: 22px;
        height: 22px; }
      .sidebar .nav-item.active > a .sprite-menu-origin-storage {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -656px -160px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 20px;
        min-width: 20px;
        height: 20px; }
      .sidebar .nav-item.active > a .sprite-menu-event-logs {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -656px -80px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 20px;
        min-width: 20px;
        height: 20px; }
      .sidebar .nav-item.active > a .sprite-menu-analytics {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -656px 0px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 20px;
        min-width: 20px;
        height: 20px; }
      .sidebar .nav-item.active > a .sprite-menu-realtime-stats {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -656px -240px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 20px;
        min-width: 20px;
        height: 20px; }
      .sidebar .nav-item.active > a .sprite-menu-route {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -216px -821px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-cdn {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -777px -296px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 17px;
        min-width: 17px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-dns {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -777px -368px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 17px;
        min-width: 17px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-usermngt {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -483px -554px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 21px;
        min-width: 21px;
        height: 17px; }
      .sidebar .nav-item.active > a .sprite-menu-desktop {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -565px -554px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 21px;
        min-width: 21px;
        height: 16px; }
      .sidebar .nav-item.active > a .sprite-menu-log {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -696px 0px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 21px;
        min-width: 21px;
        height: 16px; }
    .sidebar .nav-item .title-submenu {
      padding: 15px 0 0 10px;
      font-size: 11px;
      text-transform: capitalize; }
  .sidebar .submenu {
    max-height: 500px;
    opacity: 1;
    -webkit-transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
    -o-transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
    transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; }
    .sidebar .submenu.collapse {
      max-height: 0;
      padding: 0;
      opacity: 0;
      overflow: hidden;
      -webkit-transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1); }
    .sidebar .submenu .nav-item {
      border-top: none; }
      .sidebar .submenu .nav-item > a {
        padding: 13px 16px 13px 23px;
        font-size: 13px; }
        .sidebar .submenu .nav-item > a:hover, .sidebar .submenu .nav-item > a.active {
          color: #2763ea;
          background-color: #f8f8f8; }
          .sidebar .submenu .nav-item > a:hover:before, .sidebar .submenu .nav-item > a.active:before {
            background-color: #2763ea; }
        .sidebar .submenu .nav-item > a.active:hover {
          background-color: #f8f8f8; }

@-webkit-keyframes toleft {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes toleft {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes toright {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes toright {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes navbounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    padding-bottom: 0; }
  40% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    padding-bottom: 50px; } }

@keyframes navbounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    padding-bottom: 0; }
  40% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    padding-bottom: 50px; } }

@-webkit-keyframes roundbounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    height: 0;
    opacity: 0; }
  40% {
    height: 50px;
    opacity: 0.7; }
  60% {
    height: 20px;
    opacity: 0.3; } }

@keyframes roundbounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    height: 0;
    opacity: 0; }
  40% {
    height: 50px;
    opacity: 0.7; }
  60% {
    height: 20px;
    opacity: 0.3; } }

.sidebar {
  overflow: hidden; }
  .sidebar .to-left {
    -webkit-animation-name: toleft;
            animation-name: toleft;
    -webkit-animation-duration: 350ms;
            animation-duration: 350ms; }
  .sidebar .to-right {
    -webkit-animation-name: toright;
            animation-name: toright;
    -webkit-animation-duration: 350ms;
            animation-duration: 350ms; }
  .sidebar .bottom-end nav {
    position: relative;
    -webkit-animation: navbounce 1s;
            animation: navbounce 1s; }
    .sidebar .bottom-end nav:after {
      content: '';
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 100px;
      background-color: #fbfbfb;
      border-radius: 200px 200px 0 0;
      -webkit-transform: scaleY(0.5);
          -ms-transform: scaleY(0.5);
              transform: scaleY(0.5);
      -webkit-animation: roundbounce 1s;
              animation: roundbounce 1s; }

.sidebar .nav a:hover,
.sidebar-user .nav a:hover {
  color: initial; }

.sidebar .nav-item.active > a:hover,
.sidebar-user .nav-item.active > a:hover {
  color: #2763ea; }

.sidebar .submenu,
.sidebar-user .submenu {
  padding: 0 0 10px 0; }
  .sidebar .submenu .nav-item,
  .sidebar-user .submenu .nav-item {
    border-top: none; }
    .sidebar .submenu .nav-item > a,
    .sidebar-user .submenu .nav-item > a {
      padding: 13px 16px 13px 73px;
      font-size: 13px; }
      .sidebar .submenu .nav-item > a:before,
      .sidebar-user .submenu .nav-item > a:before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 50px;
        top: 50%;
        width: 7px;
        height: 7px;
        margin-top: -3px;
        border-radius: 100%;
        background-color: #b2b2b2;
        opacity: 1; }
      .sidebar .submenu .nav-item > a:hover,
      .sidebar-user .submenu .nav-item > a:hover {
        color: initial; }
        .sidebar .submenu .nav-item > a:hover:before,
        .sidebar-user .submenu .nav-item > a:hover:before {
          background-color: #b2b2b2; }
      .sidebar .submenu .nav-item > a.active,
      .sidebar-user .submenu .nav-item > a.active {
        color: #2763ea;
        background-color: #fff; }
        .sidebar .submenu .nav-item > a.active:hover,
        .sidebar-user .submenu .nav-item > a.active:hover {
          color: #2763ea; }
          .sidebar .submenu .nav-item > a.active:hover:before,
          .sidebar-user .submenu .nav-item > a.active:hover:before {
            background-color: #2763ea; }
        .sidebar .submenu .nav-item > a.active:before,
        .sidebar-user .submenu .nav-item > a.active:before {
          background-color: #2763ea; }

.sidebar-admin {
  background-color: #11193f;
  border-color: #11193f; }
  .sidebar-admin .scroll {
    padding: 0 10px;
    border: none; }
  .sidebar-admin .nav-type {
    margin: 0;
    padding: 10px 10px 20px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
    .sidebar-admin .nav-type > p {
      font-size: 16px;
      color: #bdc2d4;
      text-transform: uppercase; }
  .sidebar-admin nav {
    padding: 20px 0 0;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
    .sidebar-admin nav a {
      position: relative;
      display: block;
      font-size: 13px;
      text-decoration: none;
      text-transform: capitalize;
      color: #939bb7;
      line-height: 1; }
  .sidebar-admin .nav-item {
    border-color: rgba(255, 255, 255, 0.05); }
    .sidebar-admin .nav-item .title-submenu {
      padding: 15px 0 0 10px;
      font-size: 11px;
      color: #939bb7;
      text-transform: capitalize; }
    .sidebar-admin .nav-item:only-child .submenu {
      padding-bottom: 0; }
    .sidebar-admin .nav-item > a {
      padding: 10px 10px 10px 15px; }
      .sidebar-admin .nav-item > a:before {
        display: none; }
      .sidebar-admin .nav-item > a:hover {
        color: #939bb7; }
      .sidebar-admin .nav-item > a.active {
        color: #fff;
        background-color: rgba(150, 164, 254, 0.1);
        border-radius: 3px; }
      .sidebar-admin .nav-item > a:only-child {
        margin: 10px 0; }
    .sidebar-admin .nav-item:hover > a {
      background-color: rgba(150, 164, 254, 0.05); }
    .sidebar-admin .nav-item.active > a {
      color: #fff;
      background-color: rgba(150, 164, 254, 0.1);
      border-radius: 3px; }
  .sidebar-admin .submenu {
    padding: 10px 0 15px 0; }
    .sidebar-admin .submenu .nav-item > a {
      margin: 0;
      padding: 10px 10px 10px 15px; }
      .sidebar-admin .submenu .nav-item > a:before {
        display: none; }
      .sidebar-admin .submenu .nav-item > a.active {
        color: #fff;
        background-color: rgba(150, 164, 254, 0.1);
        border-radius: 3px; }
        .sidebar-admin .submenu .nav-item > a.active:hover {
          color: #fff;
          background-color: rgba(150, 164, 254, 0.15); }
    .sidebar-admin .submenu .nav-item:hover > a {
      color: #939bb7;
      background-color: rgba(150, 164, 254, 0.05); }
    .sidebar-admin .submenu .nav-item.active > a {
      color: #fff;
      background-color: rgba(150, 164, 254, 0.1);
      border-radius: 3px; }

.sidebar-project .scroll {
  padding: 20px 10px 0; }

.sidebar-project h1 {
  font-size: 16px;
  padding-left: 10px;
  padding-bottom: 5px;
  text-transform: uppercase; }

.sidebar-project .nav > ul > .nav-item .title-submenu {
  color: #686868; }

.sidebar-project .nav > ul > .nav-item.active > a {
  color: #2763ea;
  background-color: #f8f8f8;
  border-radius: 3px; }
  .sidebar-project .nav > ul > .nav-item.active > a:before {
    content: none; }
  .sidebar-project .nav > ul > .nav-item.active > a:hover {
    background-color: #f2f2f2; }

.sidebar-project .nav > ul > .nav-item > a {
  padding: 15px 10px 15px 15px; }
  .sidebar-project .nav > ul > .nav-item > a:hover {
    background-color: #f8f8f8;
    border-radius: 3px; }
  .sidebar-project .nav > ul > .nav-item > a:only-child {
    margin: 10px 0;
    padding: 10px 10px 10px 15px; }

.sidebar-project .submenu {
  padding: 10px 0; }
  .sidebar-project .submenu .nav-item > a {
    padding: 10px 10px 10px 15px; }
    .sidebar-project .submenu .nav-item > a:before {
      display: none; }
    .sidebar-project .submenu .nav-item > a .sprite-angle {
      right: 10px; }
    .sidebar-project .submenu .nav-item > a svg {
      fill: currentColor; }
    .sidebar-project .submenu .nav-item > a:hover {
      background-color: #f8f8f8;
      border-radius: 3px; }
    .sidebar-project .submenu .nav-item > a.active {
      color: #2763ea;
      background-color: #f8f8f8;
      border-radius: 3px; }
      .sidebar-project .submenu .nav-item > a.active:hover {
        background-color: #f2f2f2; }

.btn-go-user {
  position: fixed;
  z-index: 1;
  left: 0;
  bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 255px;
  padding: 18px 20px;
  font-size: 14px;
  color: #fff;
  text-align: left;
  border: none;
  border-top: 1px solid #293052;
  border-right: 1px solid #0b112b;
  cursor: pointer;
  background-color: #0e1536;
  opacity: 1; }
  .btn-go-user .icon {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    color: #4b7de6; }
  .btn-go-user ~ .btn-nav-toggle {
    bottom: 62px; }
  .btn-go-user:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #4b7de6;
    pointer-events: none; }
  .btn-go-user:hover:after {
    opacity: 0.05; }
  .btn-go-user:active:after {
    opacity: 0.1; }

.btn-nav-toggle {
  position: fixed;
  z-index: calc(30 + 1);
  left: calc(255px - 3px);
  top: 56px;
  bottom: 0;
  width: 6px;
  cursor: w-resize; }
  .btn-nav-toggle:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.08);
    opacity: 0; }
  .btn-nav-toggle i {
    position: fixed;
    bottom: 70px;
    font: 0/0 a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 25px;
    height: 25px;
    margin: 0 0 0 -12.5px;
    padding: 0;
    border: 0;
    border-radius: 100%;
    background-color: #2763ea;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18); }
    .btn-nav-toggle i:after {
      content: '';
      display: block;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -253px -1028px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 10px;
      min-width: 10px;
      height: 6px;
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
  .btn-nav-toggle:hover i {
    background-color: #1b3ed8; }
  .btn-nav-toggle:hover:after {
    opacity: 1; }
  .btn-nav-toggle:active i {
    background-color: #0011c0; }

.btn-menu-switch {
  width: calc(255px - 20px);
  padding: 18px 20px;
  text-align: left;
  color: #000; }
  .btn-menu-switch .icon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-right: 15px;
    border-radius: 100%;
    text-align: center;
    background-color: #d0d0d6; }
  .sidebar-project .btn-menu-switch {
    display: block;
    width: 255px;
    height: 60px;
    padding: 0 15px; }
    .sidebar-project .btn-menu-switch:hover {
      background-color: #f8f8f8; }
    .sidebar-project .btn-menu-switch:active {
      color: #2763ea; }
      .sidebar-project .btn-menu-switch:active .icon {
        background-color: #4b7de6; }
      .sidebar-project .btn-menu-switch:active:hover {
        background-color: #f2f2f2; }
    .sidebar-project .btn-menu-switch .sprite {
      left: 16px;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  .sidebar-user .btn-menu-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    margin: 10px;
    padding: 10px 10px 10px 15px;
    background-color: #f8f8f8; }
    .sidebar-user .btn-menu-switch:hover {
      text-decoration: none;
      background-color: #f2f2f2;
      color: #000; }
    .sidebar-user .btn-menu-switch:active {
      color: #2763ea; }
      .sidebar-user .btn-menu-switch:active .icon {
        background-color: #4b7de6; }
    .sidebar-user .btn-menu-switch:before {
      content: '';
      display: block;
      height: 1px;
      background-color: #f2f2f2;
      position: absolute;
      left: -10px;
      top: -10px;
      right: -10px; }
    .sidebar-user .btn-menu-switch span {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-left: 15px; }
    .sidebar-user .btn-menu-switch .icon {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      margin: 0; }

.page-nav {
  border-radius: 5px;
  border: solid 1px #dfdfee;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 0 #686868;
          box-shadow: 0px 1px 0 #686868; }
  .page-nav a {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    text-decoration: none;
    color: #000; }
    .page-nav a:before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -12px;
      display: block;
      width: 1px;
      height: 24px;
      background-color: #dfdfee; }
    .page-nav a:first-child::before {
      display: none; }
    .page-nav a.active {
      color: #2763ea; }
      .page-nav a.active strong::after {
        background-color: #2763ea; }
    .page-nav a strong {
      position: relative;
      display: inline-block;
      padding: 20px 10px;
      font-size: 15px; }
      .page-nav a strong:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 3px; }
  .page-nav + .card {
    margin-top: 20px; }

.preview-theme .navbar {
  position: static; }
  .preview-theme .navbar .navbar-menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    align-items: center;
    width: auto; }
  .preview-theme .navbar .nav-item.nav-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .preview-theme .navbar .nav-item.nav-profile > div {
      margin: 0 10px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .preview-theme .navbar .nav-item.nav-profile small {
      opacity: 0.7; }

.contents {
  padding: 20px 30px 30px;
  word-break: break-all; }

.group-name .sprite {
  margin-right: 8px; }

.label-confirm-list {
  margin-left: -10px; }
  .label-confirm-list .label-confirm-users {
    display: inline-block;
    padding: 5px;
    margin: 0 5px; }
    .label-confirm-list .label-confirm-users .sprite {
      margin-right: 5px; }

.panel > div {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.panel .box-scroll {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px 20px 20px 20px;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  border: none; }
  .in-fixed-bottom-panel .panel .box-scroll {
    height: calc(100vh - 200px); }
  .panel .box-scroll::-webkit-scrollbar {
    width: 6px;
    height: 20px;
    margin: 10px; }
  .panel .box-scroll::-webkit-scrollbar-track {
    background: transparent; }
  .panel .box-scroll::-webkit-scrollbar-thumb {
    background: rgba(17, 25, 63, 0.15);
    border-radius: 10px; }

.panel-fixed-tabs {
  position: fixed;
  top: 56px;
  right: 0;
  bottom: 0;
  width: 44px;
  background-color: #f8f8f8;
  z-index: 2;
  border-left: 1px solid rgba(17, 25, 63, 0.25); }
  @media screen and (max-width: 768px) {
    .panel-fixed-tabs {
      top: 55px; } }
  .panel-fixed-tabs button {
    position: relative;
    width: 100%;
    height: 43px; }
    .panel-fixed-tabs button:after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 23px;
      height: 1px;
      margin-left: -11.5px;
      background-color: #dfdfee; }

.panel-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 43px;
  padding-left: 20px;
  border-bottom: 1px solid #dfdfee; }
  .panel-header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    font-weight: bold; }
    .panel-header-title h3 {
      font-size: 14px;
      font-weight: bold; }
    .panel-header-title .sprite {
      margin-right: 10px; }
  .panel-header-tools .btn-panel-close {
    width: 43px;
    height: 43px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-left: 1px solid #dfdfee;
    border-radius: 0; }
  .panel-header + .panel-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }

.panel-tabs {
  margin-top: -1px; }
  .panel-tabs .nav .tab-item:first-child {
    border-left: none; }
  .panel-tabs .nav .tab-item:last-child {
    border-right: none; }

.panel-filter {
  padding: 11px 16px;
  border-bottom: 1px solid #dfdfee; }

.panel-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden; }
  .panel-body .panel-body-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 10px; }
    .panel-body .panel-body-total strong {
      margin-left: 5px; }
  .panel-body .box-scroll .tab-body {
    padding: 0; }
  .panel-body-media {
    height: 223px;
    min-height: 223px; }
    .panel-body-media > div {
      height: 100%; }
    .panel-body-media .box-scroll {
      max-height: none;
      height: 177px;
      padding: 0 0 10px 0; }
    .panel-body-media .image,
    .panel-body-media .caption {
      padding: 15px 5px 0 15px; }
    .panel-body-media .people {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .panel-body-media .people .thumbnail {
        width: 100%;
        height: 100%;
        background-color: #000;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .panel-body-media .people img {
        max-height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .panel-body-media .file {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #9bbfcf; }
      .panel-body-media .file .sprite {
        -webkit-filter: brightness(1.1);
                filter: brightness(1.1); }
    .panel-body-media.type-image:empty {
      position: relative;
      background-color: #9badcf; }
      .panel-body-media.type-image:empty:after {
        content: "";
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -427px 0px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 46px;
        min-width: 46px;
        height: 58px;
        -webkit-filter: brightness(1.3);
                filter: brightness(1.3);
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .panel-body-media.type-image > .thumbnail {
      width: 100%;
      height: 100%;
      background-color: #000;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-bottom: 1px solid #dfdfee; }
      .panel-body-media.type-image > .thumbnail img {
        max-height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .panel-body-media.type-video:empty {
      position: relative;
      background-color: #aa9eb1; }
      .panel-body-media.type-video:empty:after {
        content: "";
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -427px -156px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 46px;
        min-width: 46px;
        height: 58px;
        -webkit-filter: brightness(1.3);
                filter: brightness(1.3);
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .panel-body-media.type-audio:empty {
      position: relative;
      background-color: #9fa0ad; }
      .panel-body-media.type-audio:empty:after {
        content: "";
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -360px -156px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 46px;
        min-width: 46px;
        height: 58px;
        -webkit-filter: brightness(1.3);
                filter: brightness(1.3);
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .panel-body-media.type-text:empty {
      position: relative;
      background-color: #94908e; }
      .panel-body-media.type-text:empty:after {
        content: "";
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -427px -78px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 46px;
        min-width: 46px;
        height: 58px;
        -webkit-filter: brightness(1.3);
                filter: brightness(1.3);
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .panel-body-media.type-file:empty {
      position: relative;
      background-color: #9bbfcf; }
      .panel-body-media.type-file:empty:after {
        content: "";
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -360px -234px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 46px;
        min-width: 46px;
        height: 58px;
        -webkit-filter: brightness(1.3);
                filter: brightness(1.3);
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .panel-body-media ~ .panel-body-information .tab-nav-sm {
      border-top: 1px solid #dfdfee; }
  .panel-body-information {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden; }
    .panel-body-information .information-contents {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 5px 0;
      overflow: hidden; }
      .panel-body-information .information-contents > .control {
        padding: 15px 0;
        margin: 0 20px;
        border-bottom: 1px solid #dfdfee; }
    .panel-body-information .box-scroll {
      margin-right: 5px; }
      .panel-body-information .box-scroll .list-items li {
        padding-left: 0;
        padding-right: 0; }
        .panel-body-information .box-scroll .list-items li:last-child {
          border-bottom: 1px solid #dfdfee; }
    .panel-body-information .tab-nav-sm {
      position: relative;
      background-color: #f8f8f8; }
      .panel-body-information .tab-nav-sm:before {
        content: "";
        display: block;
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 1px;
        background: #dfdfee; }
      .panel-body-information .tab-nav-sm .nav {
        position: relative; }
        .panel-body-information .tab-nav-sm .nav .tab-item {
          border-top: none; }
          .panel-body-information .tab-nav-sm .nav .tab-item:first-child {
            border-left: none; }
          .panel-body-information .tab-nav-sm .nav .tab-item:before {
            top: 0; }
      .panel-body-information .tab-nav-sm .nav-arrows {
        display: none;
        border-top: none; }
    .panel-body-information .tab-body {
      margin: 0;
      padding: 0;
      border: 0;
      background: transparent; }
    .panel-body-information .box-border {
      margin: 10px 0 15px;
      padding: 15px 20px; }

.panel-footer {
  right: 100%;
  bottom: 0;
  width: 397px;
  height: 43px; }
  .panel-footer a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 10px 20px;
    color: #fff;
    background-color: #11193f; }
    .panel-footer a .icon {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin-left: 7px;
      line-height: 22px;
      text-align: center;
      border-radius: 100%;
      background-color: #4b7de6; }
    .panel-footer a .sprite {
      margin-top: -3px;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -849px -928px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 15px;
      min-width: 15px;
      height: 10px;
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8); }
    .panel-footer a:disabled, .panel-footer a[disabled], .panel-footer a.disabled {
      pointer-events: none;
      opacity: 0.4; }
      .panel-footer a:disabled .icon, .panel-footer a[disabled] .icon, .panel-footer a.disabled .icon {
        -webkit-filter: grayscale(1);
                filter: grayscale(1); }

.panel-cover-open .panel-cover {
  box-shadow: -2px 0px 6px 0px rgba(0, 0, 0, 0.20);
}

.panel-cover .btn-panel-cover-close {
  position: fixed;
  right: 0;
  top: 0;
  width: 56px;
  height: 56px;
  line-height: 50px;
  text-align: center; }
  .panel-cover .btn-panel-cover-close i {
    display: none; }
  @media screen and (max-width: 768px) {
    .panel-cover .btn-panel-cover-close {
      right: 55px;
      width: 55px;
      height: 55px;
      line-height: 55px; } }

.panel-cover > div,
.panel-cover .panel-inner {
  height: 100%; }

.panel-cover .panel-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.panel-cover .panel-header {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 23px 30px; }

.panel-cover .panel-header-title h3 {
  font-size: 20px; }

.panel-cover .panel-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 10px 0 0; }
  .panel-cover .panel-body .box-scroll {
    padding: 5px 10px 10px 20px; }
  .panel-cover .panel-body .select2-container + .empty {
    padding: 50px 0; }

.panel-cover .panel-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 16px 20px; }
  .panel-cover .panel-footer .select2-container {
    width: 120px;
    min-width: 120px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
  .panel-cover .panel-footer .btn {
    margin-left: 5px; }

.panel-bottom {
  -webkit-box-shadow: 0 0 6px 0 rgba(104, 104, 104, 0.4);
          box-shadow: 0 0 6px 0 rgba(104, 104, 104, 0.4); }
  .panel-bottom.panel-expand .panel-body .box-scroll {
    height: 64vh; }
  .panel-bottom .panel-fixed-tabs {
    background-color: #fff;
    top: initial;
    left: 0;
    bottom: 40px;
    width: 100%;
    height: auto;
    border: none; }
    .panel-bottom .panel-fixed-tabs .tab-nav .nav {
      margin-left: 25px; }
      .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item {
        width: auto;
        height: 40px;
        padding: 0 25px;
        font-weight: bold;
        border: none;
        background-color: transparent;
        color: rgba(17, 25, 63, 0.5); }
        .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item:after {
          content: none; }
        .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item span {
          display: inline-block;
          margin: 0 5px 0 7px;
          vertical-align: top; }
        .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item .sprite {
          margin-top: -4px;
          opacity: 0.5; }
          .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item .sprite-upload {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -570px -676px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 18px;
            min-width: 18px;
            height: 18px; }
          .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item .sprite-purge {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -958px -238px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 14px;
            min-width: 14px;
            height: 14px; }
          .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item .sprite-compare {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -992px -674px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 12px;
            min-width: 12px;
            height: 14px; }
          .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item .sprite-preload {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -958px -170px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 14px;
            min-width: 14px;
            height: 14px; }
          .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item .sprite-angle-up {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -403px -1028px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 10px;
            min-width: 10px;
            height: 6px; }
          .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item .sprite-angle-down {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -343px -1028px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 10px;
            min-width: 10px;
            height: 6px; }
          .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item .sprite-new {
            opacity: 1;
            position: absolute;
            left: 20px; }
        .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item:hover, .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item.active {
          color: #11193f; }
          .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item:hover:before, .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item.active:before {
            content: none; }
          .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item:hover .sprite, .panel-bottom .panel-fixed-tabs .tab-nav .nav .tab-item.active .sprite {
            opacity: 1; }
  .panel-bottom .panel-header {
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 3;
    height: auto;
    padding: 0;
    border: none; }
    .panel-bottom .panel-header .btn {
      margin-left: 16px; }
  .panel-bottom .panel-body {
    padding: 0 30px 40px; }
    .panel-bottom .panel-body:after {
      content: "";
      display: block;
      position: absolute;
      left: 30px;
      right: 30px;
      bottom: 40px;
      height: 2px;
      background-color: #dfdfee; }
    .panel-bottom .panel-body .box-scroll {
      height: calc(100vh - 70vh);
      padding: 0;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
      .panel-bottom .panel-body .box-scroll::-webkit-scrollbar-thumb {
        background: rgba(17, 25, 63, 0.15); }
      .panel-bottom .panel-body .box-scroll .loading-content {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
      .panel-bottom .panel-body .box-scroll .empty {
        padding: 95px 0; }
        .panel-bottom .panel-body .box-scroll .empty p {
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
  .panel-bottom .objects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .panel-bottom .objects .btn {
      text-align: left;
      text-transform: none;
      -webkit-text-decoration-color: #2763ea;
              text-decoration-color: #2763ea; }
      .panel-bottom .objects .btn:hover, .panel-bottom .objects .btn:focus {
        text-decoration: underline;
        -webkit-text-decoration-color: #2763ea;
                text-decoration-color: #2763ea; }
        .panel-bottom .objects .btn:hover span, .panel-bottom .objects .btn:focus span {
          color: #2763ea; }
      .panel-bottom .objects .btn span {
        color: #000; }
    .panel-bottom .objects .file {
      display: block;
      width: 260px; }
      .panel-bottom .objects .file .file-info {
        display: block;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
  .panel-bottom .status-text .sprite {
    display: none; }
    .panel-bottom .status-text .sprite + span,
    .panel-bottom .status-text .sprite + strong {
      margin-left: 0; }
  .panel-bottom .status-text + strong {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px; }
  .panel-bottom .status-text ~ .btn {
    margin-left: 10px; }
  .panel-bottom .control {
    padding: 15px 0 10px; }
  .panel-bottom .table {
    height: 100%; }
    .panel-bottom .table thead th {
      position: -webkit-sticky;
      position: sticky;
      top: -1px;
      z-index: 1;
      padding: 10px;
      font-size: 12px;
      border-left: none;
      border-top: 1px solid #efeff6;
      border-bottom: 2px solid #efeff6; }
    @media screen and (max-width: 768px) {
      .panel-bottom .table thead {
        display: none; } }
    .panel-bottom .table tbody td {
      border-bottom: none;
      border-left: none; }
    .panel-bottom .table tbody tr.is-groups td {
      border-bottom: 1px solid rgba(182, 182, 202, 0.7); }
      @media screen and (max-width: 768px) {
        .panel-bottom .table tbody tr.is-groups td {
          border: none; } }

.footer {
  padding-top: 28px;
  font-size: 12px;
  background: #f2f2f2; }
  .footer > div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: left; }
    .footer > div:nth-child(2) {
      float: right; }
  .footer:after {
    content: '';
    position: absolute;
    left: 30px;
    top: 0;
    right: 30px;
    display: block;
    height: 1px;
    background-color: #dfdfee; }
    .in-fixed-bottom-panel .footer:after {
      content: none; }
  .footer .copyright {
    margin: 0 30px;
    font-size: 11px;
    color: #686868; }
  .footer a {
    color: #000; }
  .footer hr {
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 10px;
    vertical-align: middle;
    background-color: #dfdfee; }
  .footer.footer-fixed {
    padding-top: 0; }

.form-input-color {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px; }
  .form-input-color .input-group {
    width: 300px; }
    .form-input-color .input-group-text {
      border-color: #b6b6ca; }
  .form-input-color .btn-reset:hover .sprite {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -929px -996px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 12px;
    min-width: 12px;
    height: 10px; }

.color-chip {
  margin-bottom: 10px; }
  .color-chip .twitter-picker {
    width: 390px !important;
    height: 100px !important;
    padding-top: 10px;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    overflow: hidden; }
    .color-chip .twitter-picker > div {
      position: static !important;
      border: 0 !important;
      padding: 0 !important; }
      .color-chip .twitter-picker > div span div {
        position: relative;
        width: 38px !important;
        height: 38px !important;
        border-radius: 2px !important;
        margin: 0 10px 10px 0 !important;
        border: 1px solid #dfdfee; }
        .color-chip .twitter-picker > div span div.active {
          border: 2px solid #2763ea; }
          .color-chip .twitter-picker > div span div.active:after {
            content: '';
            position: absolute;
            right: -8px;
            top: -8px;
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -252px -857px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 16px;
            min-width: 16px;
            height: 16px; }

.picker-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #dfdfee; }
  .picker-btn .sprite {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 3px 0 3px;
    border-color: #6f6f83 transparent transparent transparent;
    background-image: none;
    display: inline-block;
    vertical-align: middle; }

.picker-chip {
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-right: 5px;
  border-radius: 2px;
  padding: 5px;
  background: #fff;
  border: 1px solid #dfdfee;
  cursor: pointer;
  vertical-align: middle; }

.picker-layer {
  position: absolute;
  z-index: 2;
  left: 0; }
  .picker-layer .chrome-picker {
    position: relative;
    z-index: 3; }

.picker-cover {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background-color: transparent; }

.preview-theme .header {
  position: static; }
  .preview-theme .header button {
    cursor: default;
    pointer-events: none; }
  .preview-theme .header .btn-primary {
    color: #fff;
    margin-right: 20px; }
  .preview-theme .header .nav-item.nav-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .preview-theme .header .nav-item.nav-profile > div {
      margin: 0 10px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .preview-theme .header .nav-item.nav-profile small {
      opacity: 0.7; }

.wrap-cms {
  min-width: 0; }
  .wrap-cms .page-header,
  .wrap-cms .card-search {
    min-width: 0;
    width: auto; }
  @media screen and (max-width: 960px) {
    .wrap-cms .header-cms .nav-wrap {
      display: block; }
    .wrap-cms .header-cms .select-project {
      width: 100%; }
    .wrap-cms .header-cms .nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow-x: auto;
      overflow-y: hidden; }
      .wrap-cms .header-cms .nav .navbar {
        white-space: nowrap;
        padding: 0; }
        .wrap-cms .header-cms .nav .navbar:first-child {
          padding-left: 0; } }
  @media screen and (max-width: 768px) {
    .wrap-cms .header-cms {
      height: auto;
      min-height: 0;
      color: #000; }
      .wrap-cms .header-cms ~ .container {
        padding-top: calc(55px + 40px + 40px); }
      .wrap-cms .header-cms .btn-header-switch {
        display: none; } }
  @media screen and (max-width: 960px) {
    .wrap-cms .footer {
      display: block;
      height: auto;
      padding: 18px 15px;
      border-top: 1px solid #dfdfee; }
      .wrap-cms .footer:after {
        content: none; }
      .wrap-cms .footer > div {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        text-align: center;
        padding: 0; }
        .wrap-cms .footer > div .copyright {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          margin-top: 10px;
          margin-left: 0; }
        .wrap-cms .footer > div:last-child {
          position: absolute;
          right: 15px;
          top: 8px; } }
  @media screen and (max-width: calc(768px - 1px)) {
    .wrap-cms .footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 10px 15px; }
      .wrap-cms .footer > div {
        padding: 5px 0; } }

.wrap-shared-download {
  min-width: auto; }
  .wrap-shared-download .card {
    width: 798px; }
    .wrap-shared-download .card.card-error .card-body {
      padding-bottom: 80px; }
    .wrap-shared-download .card .card-body {
      padding: 30px 0; }
      .wrap-shared-download .card .card-body .visual {
        text-align: center; }
      .wrap-shared-download .card .card-body .head {
        text-align: center;
        padding: 0 80px 15px; }
        .wrap-shared-download .card .card-body .head h1 {
          font-size: 20px;
          margin: 40px 0 30px; }
        .wrap-shared-download .card .card-body .head h2 {
          font-size: 14px; }
      .wrap-shared-download .card .card-body hr {
        margin: 40px 0 30px;
        background-color: #11193f; }
      .wrap-shared-download .card .card-body .body {
        padding: 0 80px; }
        .wrap-shared-download .card .card-body .body.center {
          text-align: center; }
        .wrap-shared-download .card .card-body .body .password {
          width: 400px;
          margin: 0 auto; }
          .wrap-shared-download .card .card-body .body .password .form-input {
            margin-top: 15px; }
          .wrap-shared-download .card .card-body .body .password .form-checkbox {
            margin-top: 10px; }
          .wrap-shared-download .card .card-body .body .password .guide {
            white-space: nowrap; }
            .wrap-shared-download .card .card-body .body .password .guide + .form-checkbox {
              margin-top: 20px; }
          .wrap-shared-download .card .card-body .body .password .form-error .form-message {
            min-height: 0; }
        .wrap-shared-download .card .card-body .body .list {
          display: inline-block;
          margin: -15px auto 0;
          min-width: 390px;
          width: 100%; }
          .wrap-shared-download .card .card-body .body .list .title {
            margin-bottom: 8px;
            text-align: left; }
            .wrap-shared-download .card .card-body .body .list .title:before {
              content: '';
              display: inline-block;
              width: 3px;
              height: 3px;
              background-color: #000;
              vertical-align: 4px;
              margin-right: 8px; }
          .wrap-shared-download .card .card-body .body .list .list-sources {
            max-height: 200px;
            overflow-y: auto;
            overflow-x: hidden; }
            .wrap-shared-download .card .card-body .body .list .list-sources::-webkit-scrollbar {
              width: 14px;
              height: 20px;
              margin: 10px; }
            .wrap-shared-download .card .card-body .body .list .list-sources::-webkit-scrollbar-track {
              background: transparent; }
            .wrap-shared-download .card .card-body .body .list .list-sources::-webkit-scrollbar-thumb {
              background: rgba(17, 25, 63, 0.15);
              border-radius: 10px;
              background-clip: padding-box;
              border: 4px solid transparent; }
            .wrap-shared-download .card .card-body .body .list .list-sources .item:only-child {
              width: calc(100% - 5px); }
        .wrap-shared-download .card .card-body .body .empty p {
          margin-top: 10px; }
    .wrap-shared-download .card .card-footer {
      padding: 30px 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  @media only screen and (max-width: 768px) {
    .wrap-shared-download .container,
    .wrap-shared-download .main {
      height: 100%; }
    .wrap-shared-download .card {
      width: 100%;
      height: 100%;
      border: none; }
      .wrap-shared-download .card.card-error .card-body {
        padding-bottom: 30px; }
      .wrap-shared-download .card .card-body {
        padding: 30px 0 50px; }
        .wrap-shared-download .card .card-body .visual svg {
          width: 100%;
          height: auto; }
        .wrap-shared-download .card .card-body .head {
          padding: 0 30px 15px; }
          .wrap-shared-download .card .card-body .head h1 {
            font-size: 20px;
            margin: 40px 0 30px; }
          .wrap-shared-download .card .card-body .head h2 {
            font-size: 14px; }
        .wrap-shared-download .card .card-body hr {
          margin: 40px 0 30px;
          background-color: #11193f; }
        .wrap-shared-download .card .card-body .body {
          padding: 0 30px; }
          .wrap-shared-download .card .card-body .body .password {
            width: 100%;
            margin: 0 auto; }
            .wrap-shared-download .card .card-body .body .password .guide {
              white-space: normal; }
          .wrap-shared-download .card .card-body .body .list {
            margin-top: -15px; }
            .wrap-shared-download .card .card-body .body .list .list-sources {
              max-height: none; }
              .wrap-shared-download .card .card-body .body .list .list-sources .item.item-xs {
                width: calc(100% - 5px); }
      .wrap-shared-download .card .card-footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        padding: 0;
        border-top: 0; }
        .wrap-shared-download .card .card-footer button {
          width: 100%;
          border-radius: 0;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }

.gate {
  min-height: calc(100vh - 216px);
  text-align: center; }
  .gate .message {
    margin: 40px 0 60px 0;
    text-align: center; }
    .gate .message h1 {
      font-size: 24px; }
    .gate .message .lead {
      font-size: 16px; }
  .gate .col-4 {
    max-width: 525px;
    width: 525px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 525px;
            flex: 0 1 525px; }
  .gate .total {
    min-height: 15px;
    text-align: left;
    margin: 0 auto 10px;
    font-weight: normal; }
    .gate .total.col-8 {
      max-width: 1050px; }
    .gate .total .col-12 {
      max-width: 1575px; }
    .gate .total + .row {
      margin-left: 0;
      margin-right: 0; }
  .gate .card {
    width: 607px;
    margin: 0 auto;
    padding: 30px;
    text-align: left; }
    .gate .card:hover {
      border-color: #b6b6ca; }
    .gate .card a,
    .gate .card button {
      color: #000;
      text-decoration: none; }
    .gate .card .total {
      margin: 15px 0 5px; }
    .gate .card-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      padding: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #fff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: none;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      font-size: inherit; }
      .gate .card-header .thumbnail {
        min-width: 52px;
        width: 52px;
        height: 52px;
        margin-right: 14px;
        background-color: #10246a;
        border-radius: 6px; }
      .gate .card-header .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .gate .card-header .content .name {
          color: #000;
          font-size: 22px;
          font-weight: bold; }
        .gate .card-header .content .description {
          font-size: 13px; }
      .gate .card-header .link-admin {
        position: absolute;
        right: 20px;
        top: 15px; }
        .gate .card-header .link-admin:hover {
          color: #2763ea; }
    .gate .card .card-body {
      padding: 0;
      margin-top: 15px; }
      .gate .card .card-body .card:hover {
        border-color: #dfdfee; }
      .gate .card .card-body .scroll-area {
        height: 360px;
        overflow-y: auto;
        margin-right: -14px;
        padding-right: 14px;
        overflow-y: auto;
        margin-right: -20px;
        padding-right: 14px; }
        .gate .card .card-body .scroll-area::-webkit-scrollbar {
          width: 14px;
          height: 20px;
          margin: 10px; }
        .gate .card .card-body .scroll-area::-webkit-scrollbar-track {
          background: transparent; }
        .gate .card .card-body .scroll-area::-webkit-scrollbar-thumb {
          background: rgba(17, 25, 63, 0.15);
          border-radius: 10px;
          background-clip: padding-box;
          border: 4px solid transparent; }
      .gate .card .card-body .list {
        list-style: none;
        padding: 0;
        font-size: 13px; }
        .gate .card .card-body .list li {
          position: relative; }
          .gate .card .card-body .list li:first-child a {
            margin-top: 0; }
          .gate .card .card-body .list li:hover a {
            border-color: #2763ea;
            background-color: #f3f6ff; }
            .gate .card .card-body .list li:hover a:before {
              opacity: 1; }
            .gate .card .card-body .list li:hover a:after {
              vertical-align: middle;
              display: inline-block;
              background-repeat: no-repeat;
              background-position: -1025px -72px;
              background-size: 1064px auto;
              background-image: url(../images/sprites.png);
              width: 7px;
              min-width: 7px;
              height: 11px; }
          .gate .card .card-body .list li:hover .tools {
            opacity: 1; }
          .gate .card .card-body .list li.active a {
            color: #fff;
            border-color: #2763ea;
            background-color: #4a7aeb; }
            .gate .card .card-body .list li.active a .text-secondary {
              color: #fff !important; }
            .gate .card .card-body .list li.active a:after {
              opacity: .5;
              vertical-align: middle;
              display: inline-block;
              background-repeat: no-repeat;
              background-position: -1025px -276px;
              background-size: 1064px auto;
              background-image: url(../images/sprites.png);
              width: 6px;
              min-width: 6px;
              height: 10px; }
          .gate .card .card-body .list li.active .tools .sprite-setting-selected {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -777px -37px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 17px;
            min-width: 17px;
            height: 17px; }
          .gate .card .card-body .list li.active:hover a {
            border-color: #2763ea;
            background-color: #4a7aeb; }
            .gate .card .card-body .list li.active:hover a:after {
              vertical-align: middle;
              display: inline-block;
              background-repeat: no-repeat;
              background-position: -1025px -276px;
              background-size: 1064px auto;
              background-image: url(../images/sprites.png);
              width: 6px;
              min-width: 6px;
              height: 10px; }
        .gate .card .card-body .list a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-top: 8px;
          padding: 18px 121px 18px 20px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          border-radius: 2px;
          -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.03);
                  box-shadow: 0 2px rgba(0, 0, 0, 0.03);
          border: solid 1px #dfdfee;
          cursor: pointer;
          -webkit-transition: border .5s, color .5s, background .5s;
          -o-transition: border .5s, color .5s, background .5s;
          transition: border .5s, color .5s, background .5s; }
          .gate .card .card-body .list a > div {
            line-height: 1;
            width: 100%; }
          .gate .card .card-body .list a strong {
            display: block;
            display: -webkit-box;
            min-height: 16px;
            padding-top: 2px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            word-break: break-all;
            line-height: initial; }
          .gate .card .card-body .list a span,
          .gate .card .card-body .list a p {
            -webkit-box-flex: 0;
                -ms-flex: none;
                    flex: none;
            word-break: break-word; }
          .gate .card .card-body .list a .default {
            display: inline-block;
            height: 16px;
            margin-left: 10px;
            padding: 0 8px 0 6px;
            font-size: 11px;
            line-height: 16px;
            color: #fff;
            white-space: nowrap;
            border-radius: 8px;
            background-color: #11193f; }
            .gate .card .card-body .list a .default .sprite {
              margin-right: 2px;
              margin-top: -2px; }
          .gate .card .card-body .list a:after {
            content: '';
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -5.5px;
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -1025px -103px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 7px;
            min-width: 7px;
            height: 11px; }
        .gate .card .card-body .list .tools {
          opacity: 0;
          position: absolute;
          top: 50%;
          right: 47px;
          height: 42px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-top: -21px; }
          .gate .card .card-body .list .tools hr {
            width: 1px;
            height: 100%;
            margin: 0 0 0 15px;
            border-top: 0;
            border-left: 1px solid #dfdfee;
            vertical-align: middle; }
        .gate .card .card-body .list .more {
          position: relative; }
          .gate .card .card-body .list .more:hover {
            opacity: 1; }
          .gate .card .card-body .list .more .thumb-more-btn {
            position: static;
            padding: 0;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            vertical-align: top;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 23px;
            height: 23px;
            background-color: #fff;
            border: 1px solid #cdcdd9;
            border-radius: 50%;
            z-index: 1; }
          .gate .card .card-body .list .more .thumb-more-option {
            position: absolute;
            top: 100%;
            right: 0;
            margin-top: 5px;
            padding: 8px 0;
            border: 1px solid #cdcdd9;
            z-index: 10;
            background-color: #fff;
            border-radius: 3px;
            -webkit-box-shadow: 0px 4px 7px 0 rgba(0, 0, 0, 0.1);
                    box-shadow: 0px 4px 7px 0 rgba(0, 0, 0, 0.1); }
            .gate .card .card-body .list .more .thumb-more-option button {
              height: 28px;
              border: 0; }
        .gate .card .card-body .list .go-project {
          height: 19px;
          margin-left: 20px; }
          .gate .card .card-body .list .go-project:after {
            min-width: 120px;
            text-align: center; }
          .gate .card .card-body .list .go-project:hover {
            opacity: 1; }
          .gate .card .card-body .list .go-project .btn {
            display: inline-block;
            height: auto;
            margin: 0;
            padding: 0;
            border: 0;
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
            -webkit-box-shadow: none;
                    box-shadow: none;
            vertical-align: top; }
            .gate .card .card-body .list .go-project .btn:after {
              content: none; }
      .gate .card .card-body .gate-invalid {
        margin-top: 39px; }
        .gate .card .card-body .gate-invalid .card {
          width: 100%;
          margin-bottom: 0; }
          .gate .card .card-body .gate-invalid .card .text-danger {
            display: block;
            margin-bottom: 10px; }
          .gate .card .card-body .gate-invalid .card .message:not(p) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            text-align: left;
            margin-bottom: 0; }
            .gate .card .card-body .gate-invalid .card .message:not(p) .sprite {
              -webkit-box-flex: 0;
                  -ms-flex: none;
                      flex: none;
              margin: 2px 0 0 0; }
            .gate .card .card-body .gate-invalid .card .message:not(p) ~ .row {
              margin-top: 20px;
              margin-left: 0;
              margin-right: 0; }
    .gate .card.active {
      color: #000;
      border-color: #2763ea;
      -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.12);
              box-shadow: 0 3px 1px rgba(0, 0, 0, 0.12); }
      .gate .card.active:before {
        content: '';
        position: absolute;
        left: -10px;
        top: -10px;
        width: 30px;
        height: 30px;
        background-color: #2763ea;
        border-radius: 100%; }
      .gate .card.active:after {
        content: '';
        position: absolute;
        left: -8px;
        top: -7px;
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -569px -220px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 24px;
        min-width: 24px;
        height: 24px; }
      .gate .card.active a,
      .gate .card.active button {
        color: #000; }
      .gate .card.active .name {
        color: #000; }
  .gate-empty {
    min-height: calc(100vh - 216px); }
  .gate-invalid, .gate-empty,
  .gate .empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .gate-invalid h1, .gate-empty h1,
    .gate .empty h1 {
      margin: 15px 0 25px;
      font-size: 24px; }
    .gate-invalid .card, .gate-empty .card,
    .gate .empty .card {
      color: #000; }
      .gate-invalid .card .message, .gate-empty .card .message,
      .gate .empty .card .message {
        text-align: center;
        margin-top: 0;
        margin-bottom: 30px; }
      .gate-invalid .card .row, .gate-empty .card .row,
      .gate .empty .card .row {
        padding: 20px 0;
        background-color: #f8f8f8;
        border-radius: 5px; }
        .gate-invalid .card .row .col, .gate-empty .card .row .col,
        .gate .empty .card .row .col {
          padding: 0 30px;
          border-left: 1px solid #e8e8ef; }
          .gate-invalid .card .row .col:first-child, .gate-empty .card .row .col:first-child,
          .gate .empty .card .row .col:first-child {
            border: none; }
          .gate-invalid .card .row .col ul, .gate-empty .card .row .col ul,
          .gate .empty .card .row .col ul {
            margin: 0;
            padding: 0;
            list-style: none; }
            .gate-invalid .card .row .col ul li, .gate-empty .card .row .col ul li,
            .gate .empty .card .row .col ul li {
              margin-top: 5px;
              line-height: 18px;
              white-space: nowrap; }
              .gate-invalid .card .row .col ul li strong, .gate-empty .card .row .col ul li strong,
              .gate .empty .card .row .col ul li strong {
                display: inline-block;
                font-size: 18px; }
              .gate-invalid .card .row .col ul li:first-child, .gate-empty .card .row .col ul li:first-child,
              .gate .empty .card .row .col ul li:first-child {
                margin-top: 0; }
          .gate-invalid .card .row .col .title, .gate-empty .card .row .col .title,
          .gate .empty .card .row .col .title {
            display: block;
            font-size: 14px;
            margin-bottom: 12px; }
          .gate-invalid .card .row .col .dot:before, .gate-empty .card .row .col .dot:before,
          .gate .empty .card .row .col .dot:before {
            content: '';
            display: inline-block;
            width: 3px;
            height: 3px;
            margin-right: 8px;
            vertical-align: middle;
            background-color: #000; }
          .gate-invalid .card .row .col a, .gate-empty .card .row .col a,
          .gate .empty .card .row .col a {
            color: #2763ea; }

a.btn:hover {
  text-decoration: none; }

.btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38px;
  padding: 0 20px;
  color: #000;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid;
  border-radius: 3px; }
  .btn ~ .btn {
    margin-left: 5px; }
  .btn ~ .btn-dropdown {
    margin-left: 5px; }
  .btn + hr + .btn,
  .btn + hr + .btn-dropdown {
    margin-left: 0; }
  .btn:focus, .btn.focus {
    outline: 0; }
  .btn[disabled], .btn.disabled, .btn:disabled {
    pointer-events: none; }
  .btn[read-only], .btn.read-only {
    pointer-events: none; }
  .btn.float-right {
    position: relative;
    z-index: 1; }
  .btn .sprite + span,
  .btn .sprite + strong,
  .btn span + .sprite,
  .btn strong + .sprite,
  .btn .MzcCpIcon-root + span,
  .btn .MzcCpIcon-root + strong,
  .btn span + .MzcCpIcon-root,
  .btn strong + .MzcCpIcon-root {
    margin: 0 0 0 8px; }
  .btn strong + strong:not(.btn-dropdown-icon),
  .btn strong + span:not(.btn-dropdown-icon),
  .btn span + strong:not(.btn-dropdown-icon),
  .btn span + span:not(.btn-dropdown-icon) {
    margin-left: 8px; }
  .btn-round {
    padding: 0 12px;
    border-radius: 20px; }
  .btn-transparent {
    min-height: 0;
    height: auto;
    padding: 0;
    border: none;
    background-color: transparent; }
    .btn-transparent:hover {
      border: none;
      background-color: transparent; }
  .btn-ghost {
    border: none;
    background-color: transparent; }
    .btn-ghost:hover, .btn-ghost:active {
      border: none;
      background-color: #f8f8f8; }
    .btn-ghost.disabled, .btn-ghost:disabled, .btn-ghost[disabled] {
      background-color: transparent; }
      .btn-ghost.disabled.btn-icon, .btn-ghost:disabled.btn-icon, .btn-ghost[disabled].btn-icon {
        background-color: transparent; }
  .btn-is-loading {
    cursor: default;
    pointer-events: none; }
    .btn-is-loading > strong,
    .btn-is-loading > span {
      position: relative;
      color: transparent; }
      .btn-is-loading > strong:before, .btn-is-loading > strong:after,
      .btn-is-loading > span:before,
      .btn-is-loading > span:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0; }
      .btn-is-loading > strong:before,
      .btn-is-loading > span:before {
        position: absolute;
        width: 100%;
        height: 100%; }
      .btn-is-loading > strong:after,
      .btn-is-loading > span:after {
        left: 50%;
        top: 50%;
        display: inline-block;
        width: 21px;
        height: 5px;
        margin: -2.5px 0 0 -10px;
        text-align: center;
        visibility: visible;
        background-image: url("../images/loading-line.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: auto auto;
        -webkit-animation: loading-btn 1s infinite steps(3);
                animation: loading-btn 1s infinite steps(3); }

@-webkit-keyframes loading-btn {
  100% {
    background-position: -63px; } }

@keyframes loading-btn {
  100% {
    background-position: -63px; } }
  .btn-file {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-self: center; }
    .btn-file label {
      cursor: pointer; }
    .btn-file input[type='file'] {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0; }
  .btn-outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff; }

.btn-link {
  height: auto;
  padding: 0;
  border: 0;
  white-space: normal; }
  .btn-link span,
  .btn-link strong {
    color: #2763ea;
    vertical-align: text-bottom; }
  .btn-link:focus, .btn-link.focus {
    text-decoration: underline;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-link[disabled], .btn-link:disabled, .btn-link.disabled {
    pointer-events: none;
    color: #999; }
    .btn-link[disabled] span,
    .btn-link[disabled] strong, .btn-link:disabled span,
    .btn-link:disabled strong, .btn-link.disabled span,
    .btn-link.disabled strong {
      color: #999; }
    .btn-link[disabled] .sprite, .btn-link:disabled .sprite, .btn-link.disabled .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
  .btn-link-id {
    color: #2763ea;
    text-decoration: none;
    max-width: 100%; }
    .btn-link-id:before {
      content: '('; }
    .btn-link-id:after {
      content: ')'; }
    .btn-link-id span,
    .btn-link-id strong {
      position: relative;
      display: inline-block;
      font-size: 13px;
      padding: 0 17px 0 2px;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      overflow: hidden;
      vertical-align: middle; }
      .btn-link-id span:after,
      .btn-link-id strong:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 2px;
        margin-top: -8px;
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -192px -996px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 12px;
        min-width: 12px;
        height: 12px; }
    .btn-link-id:disabled span:after,
    .btn-link-id:disabled strong:after, .btn-link-id.disabled span:after,
    .btn-link-id.disabled strong:after, .btn-link-id[disabled] span:after,
    .btn-link-id[disabled] strong:after {
      opacity: 0.4;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -952px -963px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 12px;
      min-width: 12px;
      height: 12px; }
  .btn-link-preview span,
  .btn-link-preview strong {
    position: relative;
    display: inline-block;
    font-size: 13px;
    padding: 0 2px 0 2px; }
    .btn-link-preview span:after,
    .btn-link-preview strong:after {
      content: '';
      margin-left: 4px;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -992px -541px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 13px;
      min-width: 13px;
      height: 13px; }
  .btn-link-preview:disabled span:after,
  .btn-link-preview:disabled strong:after, .btn-link-preview.disabled span:after,
  .btn-link-preview.disabled strong:after, .btn-link-preview[disabled] span:after,
  .btn-link-preview[disabled] strong:after {
    opacity: 0.4;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -140px -893px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 15px;
    min-width: 15px;
    height: 15px; }

.btn-icon {
  width: 38px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  font-size: 0;
  border-color: #cdcdd9;
  background-color: #fff; }
  span.btn-icon {
    border: 0; }
  .btn-icon.btn-icon-multi.btn-sm, .btn-icon.btn-icon-multi.btn-xs {
    width: auto;
    padding: 0 10px; }
  .btn-icon:hover {
    background-color: #fafbfb; }
  .btn-icon:active, .btn-icon.active {
    background-color: #f3f4f5; }
  .btn-icon:disabled, .btn-icon.disabled, .btn-icon[disabled] {
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .btn-icon:disabled .MzcCpIcon-root,
    .btn-icon:disabled .sprite, .btn-icon.disabled .MzcCpIcon-root,
    .btn-icon.disabled .sprite, .btn-icon[disabled] .MzcCpIcon-root,
    .btn-icon[disabled] .sprite {
      opacity: 0.2; }
  .btn-icon.btn-sm {
    width: 30px;
    padding: 0; }
  .btn-icon.btn-xs {
    width: 24px;
    padding: 0; }
  .btn-icon .sprite {
    margin: 0; }
  .btn-icon-solid {
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    vertical-align: middle; }
    .btn-icon-solid:hover .sprite {
      vertical-align: top; }
    .btn-icon-solid .sprite {
      vertical-align: top; }
    .btn-icon-solid:focus {
      outline: none; }
    .btn-icon-solid:disabled .sprite, .btn-icon-solid.disabled .sprite, .btn-icon-solid[disabled] .sprite {
      opacity: 0.4; }
  .btn-icon.btn-is-loading {
    position: relative; }
    .btn-icon.btn-is-loading .MzcCpIcon-root,
    .btn-icon.btn-is-loading .sprite {
      visibility: hidden; }
    .btn-icon.btn-is-loading:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      width: 15px;
      height: 15px;
      margin: -7.5px 0 0 -7.5px;
      background-image: url("../images/loading.png");
      -webkit-animation: loading-play 1s infinite steps(8);
              animation: loading-play 1s infinite steps(8); }
  .btn-icon.btn-transparent {
    background-color: transparent; }
    .btn-icon.btn-transparent[disabled], .btn-icon.btn-transparent:disabled, .btn-icon.btn-transparent.diabled, .btn-icon.btn-transparent:active, .btn-icon.btn-transparent.active {
      background-color: transparent; }
  .btn-icon-accordion {
    width: auto !important;
    padding: 0 10px !important;
    margin-left: 5px !important; }
    .btn-icon-accordion .caret-accordion {
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 4px 0 4px;
      border-color: #6f6f83 transparent transparent transparent; }
    .btn-icon-accordion.active {
      background-color: #11193f; }
      .btn-icon-accordion.active .caret-accordion {
        -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
                transform: rotate(-180deg);
        border-color: #fff transparent transparent transparent; }

.btn-xs {
  height: 24px; }

.btn-sm {
  height: 30px;
  padding: 0 15px; }

.btn-lg {
  height: 58px;
  font-size: 15px; }

.btn-block {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.btn-default {
  color: #fff;
  background-color: #6f6f83;
  border-color: #6f6f83;
  fill: #6f6f83; }
  .btn-default:hover {
    background-color: #000;
    border-color: #000;
    fill: #000; }
  .btn-default:active, .btn-default.active {
    background-color: #000;
    border-color: #000;
    fill: #000; }
  .btn-default.btn-is-loading > strong:after,
  .btn-default.btn-is-loading > span:after {
    background-image: url("../images/btn-loading.png"); }
  .btn-default.btn-deep-dark {
    border-color: #525252; }
  .btn-default:disabled, .btn-default.disabled, .btn-default[disabled] {
    color: #fff;
    background-color: #e1e1e6;
    border-color: #e1e1e6; }

.btn-primary {
  color: #fff;
  background-color: #2763ea;
  border-color: #2763ea;
  fill: #2763ea; }
  .btn-primary:hover {
    background-color: #1a56d0;
    border-color: #1a56d0;
    fill: #1a56d0; }
  .btn-primary:active, .btn-primary.active {
    background-color: #164ebf;
    border-color: #164ebf;
    fill: #164ebf; }
  .btn-primary.btn-is-loading > strong:after,
  .btn-primary.btn-is-loading > span:after {
    background-image: url("../images/btn-loading.png"); }
  .btn-primary.btn-deep-dark {
    border-color: #525252; }
  .btn-primary:disabled, .btn-primary.disabled, .btn-primary[disabled] {
    color: #fff;
    background-color: #e1e1e6;
    border-color: #e1e1e6; }

.btn-success {
  color: #fff;
  background-color: #2e9812;
  border-color: #2e9812;
  fill: #2e9812; }
  .btn-success:hover {
    background-color: #218701;
    border-color: #218701;
    fill: #218701; }
  .btn-success:active, .btn-success.active {
    background-color: #0f7600;
    border-color: #0f7600;
    fill: #0f7600; }
  .btn-success.btn-is-loading > strong:after,
  .btn-success.btn-is-loading > span:after {
    background-image: url("../images/btn-loading.png"); }
  .btn-success.btn-deep-dark {
    border-color: #525252; }
  .btn-success:disabled, .btn-success.disabled, .btn-success[disabled] {
    color: #fff;
    background-color: #e1e1e6;
    border-color: #e1e1e6; }

.btn-warning {
  color: #fff;
  background-color: #f57f00;
  border-color: #f57f00;
  fill: #f57f00; }
  .btn-warning:hover {
    background-color: #ef6f00;
    border-color: #ef6f00;
    fill: #ef6f00; }
  .btn-warning:active, .btn-warning.active {
    background-color: #ea6e02;
    border-color: #ea6e02;
    fill: #ea6e02; }
  .btn-warning.btn-is-loading > strong:after,
  .btn-warning.btn-is-loading > span:after {
    background-image: url("../images/btn-loading.png"); }
  .btn-warning.btn-deep-dark {
    border-color: #525252; }
  .btn-warning:disabled, .btn-warning.disabled, .btn-warning[disabled] {
    color: #fff;
    background-color: #e1e1e6;
    border-color: #e1e1e6; }

.btn-danger {
  color: #fff;
  background-color: #ef4016;
  border-color: #ef4016;
  fill: #ef4016; }
  .btn-danger:hover {
    background-color: #e13a11;
    border-color: #e13a11;
    fill: #e13a11; }
  .btn-danger:active, .btn-danger.active {
    background-color: #c82b06;
    border-color: #c82b06;
    fill: #c82b06; }
  .btn-danger.btn-is-loading > strong:after,
  .btn-danger.btn-is-loading > span:after {
    background-image: url("../images/btn-loading.png"); }
  .btn-danger.btn-deep-dark {
    border-color: #525252; }
  .btn-danger:disabled, .btn-danger.disabled, .btn-danger[disabled] {
    color: #fff;
    background-color: #e1e1e6;
    border-color: #e1e1e6; }

.btn-secondary {
  color: #fff;
  background-color: #000;
  border-color: #000;
  fill: #000; }
  .btn-secondary:hover {
    background-color: #4d5270;
    border-color: #4d5270;
    fill: #4d5270; }
  .btn-secondary:active, .btn-secondary.active {
    background-color: #444964;
    border-color: #444964;
    fill: #444964; }
  .btn-secondary.btn-is-loading > strong:after,
  .btn-secondary.btn-is-loading > span:after {
    background-image: url("../images/btn-loading.png"); }
  .btn-secondary.btn-deep-dark {
    border-color: #525252; }
  .btn-secondary:disabled, .btn-secondary.disabled, .btn-secondary[disabled] {
    color: #fff;
    background-color: #e1e1e6;
    border-color: #e1e1e6; }

.btn-dark {
  color: #fff;
  background-color: #11193f;
  border-color: #11193f;
  fill: #11193f; }
  .btn-dark:hover {
    background-color: #01122d;
    border-color: #01122d;
    fill: #01122d; }
  .btn-dark:active, .btn-dark.active {
    background-color: #000813;
    border-color: #000813;
    fill: #000813; }
  .btn-dark.btn-is-loading > strong:after,
  .btn-dark.btn-is-loading > span:after {
    background-image: url("../images/btn-loading.png"); }
  .btn-dark.btn-deep-dark {
    border-color: #525252; }
  .btn-dark:disabled, .btn-dark.disabled, .btn-dark[disabled] {
    color: #fff;
    background-color: #e1e1e6;
    border-color: #e1e1e6; }

.btn-disabled {
  color: #fff;
  background-color: #e1e1e6;
  border-color: #e1e1e6;
  fill: #e1e1e6; }
  .btn-disabled.btn-is-loading > strong:after,
  .btn-disabled.btn-is-loading > span:after {
    background-image: url("../images/btn-loading.png"); }
  .btn-disabled.btn-deep-dark {
    border-color: #525252; }
  .btn-disabled:disabled, .btn-disabled.disabled, .btn-disabled[disabled] {
    color: #fff;
    background-color: #e1e1e6;
    border-color: #e1e1e6; }

.btn-cancel {
  color: #fff;
  background-color: #999;
  border-color: #999;
  fill: #999; }
  .btn-cancel.btn-is-loading > strong:after,
  .btn-cancel.btn-is-loading > span:after {
    background-image: url("../images/btn-loading.png"); }
  .btn-cancel.btn-deep-dark {
    border-color: #525252; }
  .btn-cancel:disabled, .btn-cancel.disabled, .btn-cancel[disabled] {
    color: #fff;
    background-color: #e1e1e6;
    border-color: #e1e1e6; }

.btn-deep-dark {
  color: #fff;
  background-color: #242424;
  border-color: #242424;
  fill: #242424; }
  .btn-deep-dark:hover {
    background-color: #2e2e2e;
    border-color: #2e2e2e;
    fill: #2e2e2e; }
  .btn-deep-dark:active, .btn-deep-dark.active {
    background-color: #393939;
    border-color: #393939;
    fill: #393939; }
  .btn-deep-dark.btn-is-loading > strong:after,
  .btn-deep-dark.btn-is-loading > span:after {
    background-image: url("../images/btn-loading.png"); }
  .btn-deep-dark.btn-deep-dark {
    border-color: #525252; }
  .btn-deep-dark:disabled, .btn-deep-dark.disabled, .btn-deep-dark[disabled] {
    color: #fff;
    background-color: #e1e1e6;
    border-color: #e1e1e6; }

.btn-default.btn-light {
  color: #6f6f83;
  background-color: rgba(111, 111, 131, 0.16);
  border: none; }

.btn-primary.btn-light {
  color: #2763ea;
  background-color: rgba(39, 99, 234, 0.16);
  border: none; }

.btn-success.btn-light {
  color: #2e9812;
  background-color: rgba(46, 152, 18, 0.16);
  border: none; }

.btn-warning.btn-light {
  color: #f57f00;
  background-color: rgba(245, 127, 0, 0.16);
  border: none; }

.btn-danger.btn-light {
  color: #ef4016;
  background-color: rgba(239, 64, 22, 0.16);
  border: none; }

.btn-secondary.btn-light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.16);
  border: none; }

.btn-dark.btn-light {
  color: #11193f;
  background-color: rgba(17, 25, 63, 0.16);
  border: none; }

.btn-disabled.btn-light {
  color: #e1e1e6;
  background-color: rgba(225, 225, 230, 0.16);
  border: none; }

.btn-cancel.btn-light {
  color: #999;
  background-color: rgba(153, 153, 153, 0.16);
  border: none; }

.btn-deep-dark.btn-light {
  color: #242424;
  background-color: rgba(36, 36, 36, 0.16);
  border: none; }

.btn-outline-default {
  color: #000;
  fill: #000;
  border-color: #6f6f83;
  background-color: #fff; }
  .btn-outline-default:hover {
    color: #fff;
    background-color: #6f6f83;
    border-color: #6f6f83;
    fill: #fff; }
    .btn-outline-default:hover .text-primary {
      color: #fff; }
    .btn-outline-default:hover svg {
      fill: #fff; }
  .btn-outline-default:active, .btn-outline-default.active {
    color: #fff;
    background-color: #000;
    border-color: #000;
    fill: #fff; }
    .btn-outline-default:active svg, .btn-outline-default.active svg {
      fill: #fff; }
  .btn-outline-default:disabled, .btn-outline-default.disabled, .btn-outline-default[disabled] {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .btn-outline-default:disabled .sprite, .btn-outline-default.disabled .sprite, .btn-outline-default[disabled] .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .btn-outline-default:disabled svg, .btn-outline-default.disabled svg, .btn-outline-default[disabled] svg {
      opacity: 0.4; }

.btn-outline-primary {
  color: #2763ea;
  fill: #2763ea;
  border-color: #2763ea;
  background-color: #fff; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #2763ea;
    border-color: #2763ea;
    fill: #fff; }
    .btn-outline-primary:hover .text-primary {
      color: #fff; }
    .btn-outline-primary:hover svg {
      fill: #fff; }
  .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff;
    background-color: #1a56d0;
    border-color: #1a56d0;
    fill: #fff; }
    .btn-outline-primary:active svg, .btn-outline-primary.active svg {
      fill: #fff; }
  .btn-outline-primary:disabled, .btn-outline-primary.disabled, .btn-outline-primary[disabled] {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .btn-outline-primary:disabled .sprite, .btn-outline-primary.disabled .sprite, .btn-outline-primary[disabled] .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .btn-outline-primary:disabled svg, .btn-outline-primary.disabled svg, .btn-outline-primary[disabled] svg {
      opacity: 0.4; }

.btn-outline-success {
  color: #2e9812;
  fill: #2e9812;
  border-color: #2e9812;
  background-color: #fff; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #2e9812;
    border-color: #2e9812;
    fill: #fff; }
    .btn-outline-success:hover .text-primary {
      color: #fff; }
    .btn-outline-success:hover svg {
      fill: #fff; }
  .btn-outline-success:active, .btn-outline-success.active {
    color: #fff;
    background-color: #218701;
    border-color: #218701;
    fill: #fff; }
    .btn-outline-success:active svg, .btn-outline-success.active svg {
      fill: #fff; }
  .btn-outline-success:disabled, .btn-outline-success.disabled, .btn-outline-success[disabled] {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .btn-outline-success:disabled .sprite, .btn-outline-success.disabled .sprite, .btn-outline-success[disabled] .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .btn-outline-success:disabled svg, .btn-outline-success.disabled svg, .btn-outline-success[disabled] svg {
      opacity: 0.4; }

.btn-outline-warning {
  color: #f57f00;
  fill: #f57f00;
  border-color: #f57f00;
  background-color: #fff; }
  .btn-outline-warning:hover {
    color: #fff;
    background-color: #f57f00;
    border-color: #f57f00;
    fill: #fff; }
    .btn-outline-warning:hover .text-primary {
      color: #fff; }
    .btn-outline-warning:hover svg {
      fill: #fff; }
  .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff;
    background-color: #ef6f00;
    border-color: #ef6f00;
    fill: #fff; }
    .btn-outline-warning:active svg, .btn-outline-warning.active svg {
      fill: #fff; }
  .btn-outline-warning:disabled, .btn-outline-warning.disabled, .btn-outline-warning[disabled] {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .btn-outline-warning:disabled .sprite, .btn-outline-warning.disabled .sprite, .btn-outline-warning[disabled] .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .btn-outline-warning:disabled svg, .btn-outline-warning.disabled svg, .btn-outline-warning[disabled] svg {
      opacity: 0.4; }

.btn-outline-danger {
  color: #ef4016;
  fill: #ef4016;
  border-color: #ef4016;
  background-color: #fff; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #ef4016;
    border-color: #ef4016;
    fill: #fff; }
    .btn-outline-danger:hover .text-primary {
      color: #fff; }
    .btn-outline-danger:hover svg {
      fill: #fff; }
  .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff;
    background-color: #e13a11;
    border-color: #e13a11;
    fill: #fff; }
    .btn-outline-danger:active svg, .btn-outline-danger.active svg {
      fill: #fff; }
  .btn-outline-danger:disabled, .btn-outline-danger.disabled, .btn-outline-danger[disabled] {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .btn-outline-danger:disabled .sprite, .btn-outline-danger.disabled .sprite, .btn-outline-danger[disabled] .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .btn-outline-danger:disabled svg, .btn-outline-danger.disabled svg, .btn-outline-danger[disabled] svg {
      opacity: 0.4; }

.btn-outline-secondary {
  color: #000;
  fill: #000;
  border-color: #000;
  background-color: #fff; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
    fill: #fff; }
    .btn-outline-secondary:hover .text-primary {
      color: #fff; }
    .btn-outline-secondary:hover svg {
      fill: #fff; }
  .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff;
    background-color: #4d5270;
    border-color: #4d5270;
    fill: #fff; }
    .btn-outline-secondary:active svg, .btn-outline-secondary.active svg {
      fill: #fff; }
  .btn-outline-secondary:disabled, .btn-outline-secondary.disabled, .btn-outline-secondary[disabled] {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .btn-outline-secondary:disabled .sprite, .btn-outline-secondary.disabled .sprite, .btn-outline-secondary[disabled] .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .btn-outline-secondary:disabled svg, .btn-outline-secondary.disabled svg, .btn-outline-secondary[disabled] svg {
      opacity: 0.4; }

.btn-outline-dark {
  color: #11193f;
  fill: #11193f;
  border-color: #11193f;
  background-color: #fff; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #11193f;
    border-color: #11193f;
    fill: #fff; }
    .btn-outline-dark:hover .text-primary {
      color: #fff; }
    .btn-outline-dark:hover svg {
      fill: #fff; }
  .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff;
    background-color: #01122d;
    border-color: #01122d;
    fill: #fff; }
    .btn-outline-dark:active svg, .btn-outline-dark.active svg {
      fill: #fff; }
  .btn-outline-dark:disabled, .btn-outline-dark.disabled, .btn-outline-dark[disabled] {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .btn-outline-dark:disabled .sprite, .btn-outline-dark.disabled .sprite, .btn-outline-dark[disabled] .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .btn-outline-dark:disabled svg, .btn-outline-dark.disabled svg, .btn-outline-dark[disabled] svg {
      opacity: 0.4; }

.btn-outline-disabled {
  color: #e1e1e6;
  fill: #e1e1e6;
  border-color: #e1e1e6;
  background-color: #fff; }
  .btn-outline-disabled:hover {
    color: #fff;
    background-color: #e1e1e6;
    border-color: #e1e1e6;
    fill: #fff; }
    .btn-outline-disabled:hover .text-primary {
      color: #fff; }
    .btn-outline-disabled:hover svg {
      fill: #fff; }
  .btn-outline-disabled:active, .btn-outline-disabled.active {
    color: #fff;
    fill: #fff; }
    .btn-outline-disabled:active svg, .btn-outline-disabled.active svg {
      fill: #fff; }
  .btn-outline-disabled:disabled, .btn-outline-disabled.disabled, .btn-outline-disabled[disabled] {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .btn-outline-disabled:disabled .sprite, .btn-outline-disabled.disabled .sprite, .btn-outline-disabled[disabled] .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .btn-outline-disabled:disabled svg, .btn-outline-disabled.disabled svg, .btn-outline-disabled[disabled] svg {
      opacity: 0.4; }

.btn-outline-cancel {
  color: #999;
  fill: #999;
  border-color: #999;
  background-color: #fff; }
  .btn-outline-cancel:hover {
    color: #fff;
    background-color: #999;
    border-color: #999;
    fill: #fff; }
    .btn-outline-cancel:hover .text-primary {
      color: #fff; }
    .btn-outline-cancel:hover svg {
      fill: #fff; }
  .btn-outline-cancel:active, .btn-outline-cancel.active {
    color: #fff;
    fill: #fff; }
    .btn-outline-cancel:active svg, .btn-outline-cancel.active svg {
      fill: #fff; }
  .btn-outline-cancel:disabled, .btn-outline-cancel.disabled, .btn-outline-cancel[disabled] {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .btn-outline-cancel:disabled .sprite, .btn-outline-cancel.disabled .sprite, .btn-outline-cancel[disabled] .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .btn-outline-cancel:disabled svg, .btn-outline-cancel.disabled svg, .btn-outline-cancel[disabled] svg {
      opacity: 0.4; }

.btn-outline-deep-dark {
  color: #242424;
  fill: #242424;
  border-color: #242424;
  background-color: #fff; }
  .btn-outline-deep-dark:hover {
    color: #fff;
    background-color: #242424;
    border-color: #242424;
    fill: #fff; }
    .btn-outline-deep-dark:hover .text-primary {
      color: #fff; }
    .btn-outline-deep-dark:hover svg {
      fill: #fff; }
  .btn-outline-deep-dark:active, .btn-outline-deep-dark.active {
    color: #fff;
    background-color: #2e2e2e;
    border-color: #2e2e2e;
    fill: #fff; }
    .btn-outline-deep-dark:active svg, .btn-outline-deep-dark.active svg {
      fill: #fff; }
  .btn-outline-deep-dark:disabled, .btn-outline-deep-dark.disabled, .btn-outline-deep-dark[disabled] {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .btn-outline-deep-dark:disabled .sprite, .btn-outline-deep-dark.disabled .sprite, .btn-outline-deep-dark[disabled] .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .btn-outline-deep-dark:disabled svg, .btn-outline-deep-dark.disabled svg, .btn-outline-deep-dark[disabled] svg {
      opacity: 0.4; }

.btn-text-default {
  color: #6f6f83;
  fill: #6f6f83;
  border-color: transparent; }
  .btn-text-default .MuiSvgIcon-root {
    fill: #6f6f83; }
  .btn-text-default:hover {
    background-color: rgba(111, 111, 131, 0.1); }
  .btn-text-default:active, .btn-text-default.active {
    background-color: rgba(111, 111, 131, 0.16); }

.btn-text-primary {
  color: #2763ea;
  fill: #2763ea;
  border-color: transparent; }
  .btn-text-primary .MuiSvgIcon-root {
    fill: #2763ea; }
  .btn-text-primary:hover {
    background-color: rgba(39, 99, 234, 0.1); }
  .btn-text-primary:active, .btn-text-primary.active {
    background-color: rgba(39, 99, 234, 0.16); }

.btn-text-success {
  color: #2e9812;
  fill: #2e9812;
  border-color: transparent; }
  .btn-text-success .MuiSvgIcon-root {
    fill: #2e9812; }
  .btn-text-success:hover {
    background-color: rgba(46, 152, 18, 0.1); }
  .btn-text-success:active, .btn-text-success.active {
    background-color: rgba(46, 152, 18, 0.16); }

.btn-text-warning {
  color: #f57f00;
  fill: #f57f00;
  border-color: transparent; }
  .btn-text-warning .MuiSvgIcon-root {
    fill: #f57f00; }
  .btn-text-warning:hover {
    background-color: rgba(245, 127, 0, 0.1); }
  .btn-text-warning:active, .btn-text-warning.active {
    background-color: rgba(245, 127, 0, 0.16); }

.btn-text-danger {
  color: #ef4016;
  fill: #ef4016;
  border-color: transparent; }
  .btn-text-danger .MuiSvgIcon-root {
    fill: #ef4016; }
  .btn-text-danger:hover {
    background-color: rgba(239, 64, 22, 0.1); }
  .btn-text-danger:active, .btn-text-danger.active {
    background-color: rgba(239, 64, 22, 0.16); }

.btn-text-secondary {
  color: #000;
  fill: #000;
  border-color: transparent; }
  .btn-text-secondary .MuiSvgIcon-root {
    fill: #000; }
  .btn-text-secondary:hover {
    background-color: rgba(0, 0, 0, 0.1); }
  .btn-text-secondary:active, .btn-text-secondary.active {
    background-color: rgba(0, 0, 0, 0.16); }

.btn-text-dark {
  color: #11193f;
  fill: #11193f;
  border-color: transparent; }
  .btn-text-dark .MuiSvgIcon-root {
    fill: #11193f; }
  .btn-text-dark:hover {
    background-color: rgba(17, 25, 63, 0.1); }
  .btn-text-dark:active, .btn-text-dark.active {
    background-color: rgba(17, 25, 63, 0.16); }

.btn-text-disabled {
  color: #e1e1e6;
  fill: #e1e1e6;
  border-color: transparent; }
  .btn-text-disabled .MuiSvgIcon-root {
    fill: #e1e1e6; }
  .btn-text-disabled:hover {
    background-color: rgba(225, 225, 230, 0.1); }
  .btn-text-disabled:active, .btn-text-disabled.active {
    background-color: rgba(225, 225, 230, 0.16); }

.btn-text-cancel {
  color: #999;
  fill: #999;
  border-color: transparent; }
  .btn-text-cancel .MuiSvgIcon-root {
    fill: #999; }
  .btn-text-cancel:hover {
    background-color: rgba(153, 153, 153, 0.1); }
  .btn-text-cancel:active, .btn-text-cancel.active {
    background-color: rgba(153, 153, 153, 0.16); }

.btn-text-deep-dark {
  color: #242424;
  fill: #242424;
  border-color: transparent; }
  .btn-text-deep-dark .MuiSvgIcon-root {
    fill: #242424; }
  .btn-text-deep-dark:hover {
    background-color: rgba(36, 36, 36, 0.1); }
  .btn-text-deep-dark:active, .btn-text-deep-dark.active {
    background-color: rgba(36, 36, 36, 0.16); }

.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .btn-group .btn ~ .btn {
    margin-left: 0; }
  .btn-group .btn:first-child {
    border-radius: 3px 0 0 3px;
    border-right: 0; }
    .btn-group .btn:first-child:not(.btn-icon) {
      padding: 0 15px; }
  .btn-group .btn:last-child {
    border-radius: 0 3px 3px 0; }
  .btn-group .btn.btn-dark:last-child {
    border-left-color: #373d5e; }
  .btn-group .btn.btn-dark:disabled:last-child {
    border-left-color: #e1e1e6; }
  .btn-group .btn-primary:not(.active), .btn-group .btn-success:not(.active), .btn-group .btn-warning:not(.active), .btn-group .btn-danger:not(.active) {
    color: #999;
    border-color: #b6b6ca;
    background-color: #f8f8f8; }
  .btn-group .btn-primary[disabled], .btn-group .btn-primary:disabled, .btn-group .btn-success[disabled], .btn-group .btn-success:disabled, .btn-group .btn-warning[disabled], .btn-group .btn-warning:disabled, .btn-group .btn-danger[disabled], .btn-group .btn-danger:disabled {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .btn-group .btn-primary[disabled] .sprite, .btn-group .btn-primary:disabled .sprite, .btn-group .btn-success[disabled] .sprite, .btn-group .btn-success:disabled .sprite, .btn-group .btn-warning[disabled] .sprite, .btn-group .btn-warning:disabled .sprite, .btn-group .btn-danger[disabled] .sprite, .btn-group .btn-danger:disabled .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .btn-group .btn-primary[disabled].active .sprite-slow-active, .btn-group .btn-primary:disabled.active .sprite-slow-active, .btn-group .btn-success[disabled].active .sprite-slow-active, .btn-group .btn-success:disabled.active .sprite-slow-active, .btn-group .btn-warning[disabled].active .sprite-slow-active, .btn-group .btn-warning:disabled.active .sprite-slow-active, .btn-group .btn-danger[disabled].active .sprite-slow-active, .btn-group .btn-danger:disabled.active .sprite-slow-active {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -951px -928px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 12px;
      min-width: 12px;
      height: 10px; }
  .btn-group .select2-selection__control:first-child {
    border-right: 0;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .btn-group .select2-container ~ .btn-icon {
    border-color: #b6b6ca; }
    .btn-group .select2-container ~ .btn-icon:disabled, .btn-group .select2-container ~ .btn-icon.disabled, .btn-group .select2-container ~ .btn-icon[disabled] {
      border-color: #e1e1e6; }
  .btn-group.is-error .select2-container ~ .btn-icon, .btn-group.error .select2-container ~ .btn-icon {
    border-color: #ef4016;
    border-left-color: #b6b6ca; }

.btn-dropdown {
  position: relative; }
  .btn-dropdown.dropdown-open {
    opacity: 1;
    width: auto;
    height: auto; }
    .card-tools .btn-dropdown.dropdown-open {
      opacity: 1;
      width: auto;
      height: auto; }
  .btn-dropdown ~ .btn {
    margin-left: 5px; }
  .btn-dropdown-trigger {
    position: relative;
    min-width: 30px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #6f6f83; }
    .btn-dropdown-trigger.btn-transparent {
      background-color: transparent;
      border: none; }
      .btn-dropdown-trigger.btn-transparent .btn-dropdown-status {
        padding-right: 0; }
      .btn-dropdown-trigger.btn-transparent:hover,
      .dropdown-open .btn-dropdown-trigger.btn-transparent {
        border: none;
        background-color: transparent; }
        .btn-dropdown-trigger.btn-transparent:hover .btn-dropdown-status,
        .dropdown-open .btn-dropdown-trigger.btn-transparent .btn-dropdown-status {
          color: #2763ea; }
        .btn-dropdown-trigger.btn-transparent:hover .status-text .text,
        .dropdown-open .btn-dropdown-trigger.btn-transparent .status-text .text {
          color: inherit; }
        .btn-dropdown-trigger.btn-transparent:hover .status-text-active .text,
        .dropdown-open .btn-dropdown-trigger.btn-transparent .status-text-active .text {
          color: #2e9812; }
        .btn-dropdown-trigger.btn-transparent:hover .status-text-active .sprite-active,
        .dropdown-open .btn-dropdown-trigger.btn-transparent .status-text-active .sprite-active {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -1054px -929px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 9px;
          min-width: 9px;
          height: 9px; }
        .btn-dropdown-trigger.btn-transparent:hover .status-text-inactive .text,
        .dropdown-open .btn-dropdown-trigger.btn-transparent .status-text-inactive .text {
          color: #7182a6; }
        .btn-dropdown-trigger.btn-transparent:hover .status-text-inactive .sprite-inactive,
        .dropdown-open .btn-dropdown-trigger.btn-transparent .status-text-inactive .sprite-inactive {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -1054px -987px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 9px;
          min-width: 9px;
          height: 9px; }
        .btn-dropdown-trigger.btn-transparent:hover .status-text-preparing .sprite-preparing,
        .dropdown-open .btn-dropdown-trigger.btn-transparent .status-text-preparing .sprite-preparing {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -1054px -784px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 9px;
          min-width: 9px;
          height: 9px; }
        .btn-dropdown-trigger.btn-transparent:hover .btn-dropdown-icon .sprite-dropdown-arrow,
        .dropdown-open .btn-dropdown-trigger.btn-transparent .btn-dropdown-icon .sprite-dropdown-arrow {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -1025px -638px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 6px;
          min-width: 6px;
          height: 7px; }
        .btn-dropdown-trigger.btn-transparent:hover .btn-dropdown-icon .sprite-angle-down,
        .dropdown-open .btn-dropdown-trigger.btn-transparent .btn-dropdown-icon .sprite-angle-down {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -313px -1028px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 10px;
          min-width: 10px;
          height: 6px; }
        .btn-dropdown-trigger.btn-transparent:hover .btn-dropdown-icon .sprite-switch-vertical,
        .dropdown-open .btn-dropdown-trigger.btn-transparent .btn-dropdown-icon .sprite-switch-vertical {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: 0px -1028px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 12px;
          min-width: 12px;
          height: 10px; }
      .btn-dropdown-trigger.btn-transparent:active .btn-dropdown-icon,
      .dropdown-open .btn-dropdown-trigger.btn-transparent .btn-dropdown-icon {
        border: none;
        background-color: transparent; }
      .btn-dropdown-trigger.btn-transparent .btn-dropdown-icon {
        width: auto;
        height: auto;
        line-height: 1;
        border-left: none; }
    .header .btn-dropdown-trigger {
      min-width: 0;
      background-color: transparent;
      border: none; }
      .header .btn-dropdown-trigger:hover {
        background-color: transparent; }
    .footer .btn-dropdown-trigger {
      min-height: 0;
      height: auto; }
      .footer .btn-dropdown-trigger .btn-dropdown-status {
        padding: 0 10px 0 0; }
        .footer .btn-dropdown-trigger .btn-dropdown-status .sprite {
          vertical-align: top;
          margin: 0; }
        .footer .btn-dropdown-trigger .btn-dropdown-status strong {
          display: inline-block;
          margin-top: -1px;
          vertical-align: top; }
      .footer .btn-dropdown-trigger .btn-dropdown-icon {
        margin-top: -7px;
        vertical-align: top; }
    .btn-dropdown-trigger:hover,
    .dropdown-open .btn-dropdown-trigger {
      background-color: #6f6f83; }
      .btn-dropdown-trigger:hover .btn-dropdown-status,
      .dropdown-open .btn-dropdown-trigger .btn-dropdown-status {
        color: #fff; }
      .btn-dropdown-trigger:hover .status-text .text,
      .dropdown-open .btn-dropdown-trigger .status-text .text {
        color: #fff; }
      .btn-dropdown-trigger:hover .status-text-active .sprite-active,
      .dropdown-open .btn-dropdown-trigger .status-text-active .sprite-active {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -1054px -523px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 9px;
        min-width: 9px;
        height: 9px; }
      .btn-dropdown-trigger:hover .status-text-inactive .sprite-inactive,
      .dropdown-open .btn-dropdown-trigger .status-text-inactive .sprite-inactive {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -1054px -668px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 9px;
        min-width: 9px;
        height: 9px; }
      .btn-dropdown-trigger:hover .status-text-preparing .sprite-preparing,
      .dropdown-open .btn-dropdown-trigger .status-text-preparing .sprite-preparing {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -1054px -755px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 9px;
        min-width: 9px;
        height: 9px; }
      .btn-dropdown-trigger:hover .sprite-dropdown-arrow,
      .dropdown-open .btn-dropdown-trigger .sprite-dropdown-arrow {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -1025px -611px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 6px;
        min-width: 6px;
        height: 7px; }
      .btn-dropdown-trigger:hover .sprite-switch-vertical,
      .dropdown-open .btn-dropdown-trigger .sprite-switch-vertical {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -961px -996px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 12px;
        min-width: 12px;
        height: 10px; }
      .btn-dropdown-trigger:hover .sprite-system,
      .dropdown-open .btn-dropdown-trigger .sprite-system {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -958px -408px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 14px;
        min-width: 14px;
        height: 14px; }
      .btn-dropdown-trigger:hover .sprite-language,
      .dropdown-open .btn-dropdown-trigger .sprite-language {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -396px -785px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .btn-dropdown-trigger:hover .sprite-toggle-default,
      .dropdown-open .btn-dropdown-trigger .sprite-toggle-default {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -559px -714px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 13px; }
      .btn-dropdown-trigger:hover .sprite-toggle-hierarchy,
      .dropdown-open .btn-dropdown-trigger .sprite-toggle-hierarchy {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -648px -857px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 16px; }
      .btn-dropdown-trigger:hover .btn-dropdown-icon,
      .dropdown-open .btn-dropdown-trigger .btn-dropdown-icon {
        color: #fff;
        border-color: rgba(223, 223, 238, 0.1); }
    .btn-dropdown-trigger:active .btn-dropdown-icon,
    .dropdown-open .btn-dropdown-trigger .btn-dropdown-icon {
      border-color: rgba(223, 223, 238, 0.1);
      background-color: #000; }
    .btn-dropdown-trigger:disabled, .btn-dropdown-trigger.disabled, .btn-dropdown-trigger[disabled] {
      background-color: #f8f8f8;
      border-color: #e1e1e6; }
      .btn-dropdown-trigger:disabled .sprite, .btn-dropdown-trigger.disabled .sprite, .btn-dropdown-trigger[disabled] .sprite {
        opacity: 0.4;
        -webkit-filter: grayscale(1);
                filter: grayscale(1); }
      .btn-dropdown-trigger:disabled span, .btn-dropdown-trigger.disabled span, .btn-dropdown-trigger[disabled] span {
        color: #999; }
      .btn-dropdown-trigger:disabled .status-text .text, .btn-dropdown-trigger.disabled .status-text .text, .btn-dropdown-trigger[disabled] .status-text .text {
        color: #999 !important; }
    .btn-dropdown-trigger.btn-is-loading {
      pointer-events: none; }
      .btn-dropdown-trigger.btn-is-loading .btn-dropdown-status:before, .btn-dropdown-trigger.btn-is-loading .btn-dropdown-status:after {
        content: none; }
      .btn-dropdown-trigger.btn-is-loading .btn-dropdown-icon .sprite {
        display: none; }
      .btn-dropdown-trigger.btn-is-loading .btn-dropdown-icon:after {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 15px;
        height: 15px;
        margin: -7.5px 0 0 -7.5px;
        background-image: url("../images/loading.png");
        -webkit-animation: loading-play 1s infinite steps(8);
                animation: loading-play 1s infinite steps(8); }
    .btn-dropdown-trigger .sprite {
      margin: 0; }
  .btn-dropdown-status {
    padding: 0 20px; }
    .btn-dropdown-status > .sprite {
      margin: 0 -10px; }
  .btn-dropdown-icon {
    display: inline-block;
    width: 26px;
    height: 36px;
    line-height: 36px;
    border-left: 1px solid #dfdfee;
    color: #686868; }
  .btn-dropdown-layer {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    min-width: 100%;
    margin-top: 5px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dfdfee; }
    .dropdown-popper .btn-dropdown-layer {
      display: inherit;
      position: static; }
    .dropup .btn-dropdown-layer {
      top: inherit;
      bottom: 100%; }
    .dropright .btn-dropdown-layer {
      left: inherit;
      right: 0; }
    .dropdown-open .btn-dropdown-layer {
      display: block; }
    .btn-dropdown-group .btn-dropdown-layer {
      width: 250px;
      right: 0;
      left: inherit;
      text-align: left; }
      .btn-dropdown-group .btn-dropdown-layer .head {
        padding: 18px 10px; }
      .btn-dropdown-group .btn-dropdown-layer .list {
        max-height: 458px;
        overflow-y: auto;
        border-top: 1px solid #dfdfee;
        border-bottom: 1px solid #dfdfee;
        overflow-y: auto;
        margin-right: -20px;
        padding-right: 14px;
        margin: 0;
        padding: 0; }
        .btn-dropdown-group .btn-dropdown-layer .list::-webkit-scrollbar {
          width: 14px;
          height: 20px;
          margin: 10px; }
        .btn-dropdown-group .btn-dropdown-layer .list::-webkit-scrollbar-track {
          background: transparent; }
        .btn-dropdown-group .btn-dropdown-layer .list::-webkit-scrollbar-thumb {
          background: rgba(17, 25, 63, 0.15);
          border-radius: 10px;
          background-clip: padding-box;
          border: 4px solid transparent; }
        .btn-dropdown-group .btn-dropdown-layer .list ul {
          list-style: none;
          position: relative;
          padding-top: 36px; }
          .btn-dropdown-group .btn-dropdown-layer .list ul li {
            margin: 0; }
            .btn-dropdown-group .btn-dropdown-layer .list ul li:hover a,
            .btn-dropdown-group .btn-dropdown-layer .list ul li:hover button {
              background-color: #f2f2f2; }
            .btn-dropdown-group .btn-dropdown-layer .list ul li .selected {
              background-color: rgba(39, 99, 234, 0.1);
              color: #2763ea;
              font-weight: bold; }
              .btn-dropdown-group .btn-dropdown-layer .list ul li .selected:before, .btn-dropdown-group .btn-dropdown-layer .list ul li .selected:after {
                opacity: 1; }
            .btn-dropdown-group .btn-dropdown-layer .list ul li.default {
              position: absolute;
              top: 0;
              width: 100%; }
            .btn-dropdown-group .btn-dropdown-layer .list ul li a,
            .btn-dropdown-group .btn-dropdown-layer .list ul li button {
              position: relative;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              width: 100%;
              padding: 9px 50px 9px 13px;
              color: #000;
              word-break: break-all;
              white-space: normal;
              text-align: left; }
              .btn-dropdown-group .btn-dropdown-layer .list ul li a:hover,
              .btn-dropdown-group .btn-dropdown-layer .list ul li button:hover {
                text-decoration: none; }
              .btn-dropdown-group .btn-dropdown-layer .list ul li a:before, .btn-dropdown-group .btn-dropdown-layer .list ul li a:after,
              .btn-dropdown-group .btn-dropdown-layer .list ul li button:before,
              .btn-dropdown-group .btn-dropdown-layer .list ul li button:after {
                content: '';
                position: absolute;
                opacity: 0; }
              .btn-dropdown-group .btn-dropdown-layer .list ul li a:before,
              .btn-dropdown-group .btn-dropdown-layer .list ul li button:before {
                left: 0;
                top: 0;
                width: 3px;
                height: 100%;
                background-color: #2763ea; }
              .btn-dropdown-group .btn-dropdown-layer .list ul li a:after,
              .btn-dropdown-group .btn-dropdown-layer .list ul li button:after {
                right: 16px;
                top: 50%;
                margin-top: -8px;
                vertical-align: middle;
                display: inline-block;
                background-repeat: no-repeat;
                background-position: -252px -857px;
                background-size: 1064px auto;
                background-image: url(../images/sprites.png);
                width: 16px;
                min-width: 16px;
                height: 16px; }
      .btn-dropdown-group .btn-dropdown-layer .foot {
        padding: 9px 0;
        text-align: center; }
  .btn-dropdown-list {
    min-width: 150px;
    padding: 8px 0; }
    .btn-dropdown-list a,
    .btn-dropdown-list button {
      display: block;
      width: 100%;
      padding: 5px 20px;
      text-align: left;
      color: #000;
      text-decoration: none;
      white-space: nowrap; }
      .btn-dropdown-list a:hover,
      .btn-dropdown-list button:hover {
        background-color: #f8f9fb; }
      .btn-dropdown-list a:disabled, .btn-dropdown-list a.disabled, .btn-dropdown-list a[disabled],
      .btn-dropdown-list button:disabled,
      .btn-dropdown-list button.disabled,
      .btn-dropdown-list button[disabled] {
        color: #999; }
        .btn-dropdown-list a:disabled:hover, .btn-dropdown-list a.disabled:hover, .btn-dropdown-list a[disabled]:hover,
        .btn-dropdown-list button:disabled:hover,
        .btn-dropdown-list button.disabled:hover,
        .btn-dropdown-list button[disabled]:hover {
          background-color: transparent; }
      .btn-dropdown-list a.selected,
      .btn-dropdown-list button.selected {
        pointer-events: none;
        background-color: #f4f7fe; }
        .btn-dropdown-list a.selected .status-text .sprite,
        .btn-dropdown-list button.selected .status-text .sprite {
          -webkit-filter: grayscale(1);
                  filter: grayscale(1);
          opacity: 0.4; }
        .btn-dropdown-list a.selected .status-text .text,
        .btn-dropdown-list button.selected .status-text .text {
          color: #999; }
    .btn-dropdown-list li {
      margin: 4px 0; }
      .btn-dropdown-list li.separate {
        border-top: 1px solid rgba(223, 223, 238, 0.5);
        margin-top: 6px;
        padding-top: 6px; }
        .btn-dropdown-list li.separate:first-child {
          border-top: none;
          margin-top: 0;
          padding-top: 0; }
      .btn-dropdown-list li.selected {
        background-color: #f8f9fb; }
        .btn-dropdown-list li.selected a,
        .btn-dropdown-list li.selected button {
          color: #2763ea; }
  .btn-dropdown-toolbar .btn-dropdown-trigger {
    width: 30px;
    height: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-color: #cdcdd9;
    background-color: #fff; }
    .btn-dropdown-toolbar .btn-dropdown-trigger:hover {
      background: #fafbfb; }
    .btn-dropdown-toolbar .btn-dropdown-trigger:active, .btn-dropdown-toolbar .btn-dropdown-trigger.active {
      background: #f3f4f5; }
    .btn-dropdown-toolbar .btn-dropdown-trigger.btn-xs {
      min-width: 24px;
      width: 24px;
      height: 24px; }
    .btn-dropdown-toolbar .btn-dropdown-trigger.btn-round {
      border-radius: 50%; }
    .btn-dropdown-toolbar .btn-dropdown-trigger:disabled, .btn-dropdown-toolbar .btn-dropdown-trigger[disabled] {
      border-color: #e1e1e6;
      background-color: #f8f8f8; }
  .btn-dropdown-toolbar .btn-dropdown-layer {
    left: auto;
    right: 0; }
  .btn-dropdown-toolbar .btn-dropdown-list button {
    white-space: nowrap; }
  .btn-dropdown.dropup .btn-dropdown-icon .sprite {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .btn-dropdown.dropup.dropdown-open .btn-dropdown-icon .sprite {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0); }
  .btn-dropdown.dropup .btn-dropdown-layer {
    top: initial;
    left: initial;
    right: 0;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 5px;
    -webkit-box-shadow: 0px 10px 16px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0px 10px 16px 0 rgba(0, 0, 0, 0.12); }

.btn-select-file {
  position: relative;
  height: 30px;
  padding: 0 15px 0 52px;
  color: #fff;
  font-size: 13px;
  background-color: #6686c6;
  border: none; }
  .btn-select-file .icon {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 36px;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #4766b0;
    border-radius: 3px 0 0 3px; }
    .btn-select-file .icon + span {
      margin: 0 !important; }
  .btn-select-file:hover {
    background-color: #3f6cbb; }
    .btn-select-file:hover .icon {
      background-color: #1b4da4; }
  .btn-select-file:active, .btn-select-file.active {
    background-color: #0053b1; }
    .btn-select-file:active .icon, .btn-select-file.active .icon {
      background-color: #12469a; }
  .btn-select-file:disabled, .btn-select-file.disabled, .btn-select-file[disabled] {
    color: #fff;
    background-color: #e1e1e6;
    border-color: #e1e1e6; }
    .btn-select-file:disabled .icon, .btn-select-file.disabled .icon, .btn-select-file[disabled] .icon {
      background-color: #dadadf; }

.btn-profile-detail {
  margin-bottom: 20px; }

.btn-attribution-add {
  margin-top: 10px; }
  .btn-attribution-add:first-child {
    margin-top: 0; }

.btn-caption-language-add {
  margin-top: 10px; }

.btn-alternative-name-add {
  margin-top: 10px; }
  .btn-alternative-name-add:first-child {
    margin-top: 0; }

.btn-player-source-add {
  margin-left: 40px; }

.btn-toggle-value {
  margin-left: 12px; }

.btn-change-view {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #dfdfee; }
  .btn-change-view.mode-list {
    position: relative;
    border-right: 0;
    margin-right: 20px;
    padding-right: 20px; }
    .btn-change-view.mode-list:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: -20px;
      bottom: -20px;
      width: 1px;
      background-color: #dfdfee; }

.form-block {
  display: block;
  margin: 10px 0; }
  .form-block:first-of-type {
    margin-top: 0; }
  .panel-body-information .form-block {
    margin: 20px 0; }
    .panel-body-information .form-block:first-child {
      margin-top: 0; }
  .form-block .form-radio + .form-textarea,
  .form-block .form-checkbox + .form-textarea {
    margin: 10px 0 0 25px; }
    .form-block .form-radio + .form-textarea + .message-guide,
    .form-block .form-checkbox + .form-textarea + .message-guide {
      margin-left: 25px; }

.form-label + .form-block:first-of-type,
.btn + .form-block:first-of-type {
  margin-top: 10px; }

.form-stack .form-label {
  display: block;
  padding-top: 0; }
  .card-form .form-stack .form-label {
    padding-top: 8px; }

.form-stack:not(.card-form) .form-stack select {
  width: 100%; }

.form-stack ~ .form-stack {
  margin-top: 20px; }

.form-depth {
  padding-left: 20px;
  padding-top: 10px; }

.form-inline:not(:first-child) {
  margin-left: 10px; }
  .form-inline:not(:first-child) + .form-block {
    margin-left: 10px; }

.form-inline > div {
  display: inline-block;
  vertical-align: middle; }
  .form-inline > div ~ span {
    margin-left: 5px; }

.form-inline span ~ div {
  margin-left: 5px; }

.form-inline input[type='text'],
.form-inline input[type='password'],
.form-inline input[type='number'],
.form-inline input[type='tel'],
.form-inline input[type='url'],
.form-inline input[type='email'] {
  width: auto; }

.form-inline .form-input input {
  width: 70px; }

.form-input-fake {
  width: 100%;
  height: 38px;
  margin: 0;
  padding: 0 20px;
  line-height: 38px;
  vertical-align: middle;
  border: 1px solid #b6b6ca;
  border-radius: 2px;
  background-color: #fafbfb;
  border-color: #b6b6ca; }

.form-radio,
.form-checkbox {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer; }
  .form-radio ~ .form-radio,
  .form-checkbox ~ .form-radio, .form-radio ~
  .form-checkbox,
  .form-checkbox ~
  .form-checkbox {
    margin-left: 30px; }
  .form-radio[hidden] + .form-radio,
  .form-radio[hidden] + .form-checkbox,
  .form-checkbox[hidden] + .form-radio,
  .form-checkbox[hidden] + .form-checkbox {
    margin-left: 0; }
  .form-radio input[type='checkbox'],
  .form-radio input[type='radio'],
  .form-checkbox input[type='checkbox'],
  .form-checkbox input[type='radio'] {
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0; }
    .form-radio input[type='checkbox'] + i,
    .form-radio input[type='radio'] + i,
    .form-checkbox input[type='checkbox'] + i,
    .form-checkbox input[type='radio'] + i {
      position: relative;
      display: inline-block;
      width: 18px;
      height: 18px;
      vertical-align: middle;
      border: 2px solid #dfdfee;
      background-color: #fff;
      border-radius: 2px; }
      .form-radio input[type='checkbox'] + i:before,
      .form-radio input[type='radio'] + i:before,
      .form-checkbox input[type='checkbox'] + i:before,
      .form-checkbox input[type='radio'] + i:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        pointer-events: none; }
      .form-radio input[type='checkbox'] + i + i.sprite,
      .form-radio input[type='radio'] + i + i.sprite,
      .form-checkbox input[type='checkbox'] + i + i.sprite,
      .form-checkbox input[type='radio'] + i + i.sprite {
        margin: 0 8px; }
        .form-radio input[type='checkbox'] + i + i.sprite + .sprite,
        .form-radio input[type='radio'] + i + i.sprite + .sprite,
        .form-checkbox input[type='checkbox'] + i + i.sprite + .sprite,
        .form-checkbox input[type='radio'] + i + i.sprite + .sprite {
          margin-left: 0; }
        .form-radio input[type='checkbox'] + i + i.sprite + strong,
        .form-radio input[type='radio'] + i + i.sprite + strong,
        .form-checkbox input[type='checkbox'] + i + i.sprite + strong,
        .form-checkbox input[type='radio'] + i + i.sprite + strong {
          margin-left: 0; }
    .form-radio input[type='checkbox']:checked + i:before,
    .form-radio input[type='radio']:checked + i:before,
    .form-checkbox input[type='checkbox']:checked + i:before,
    .form-checkbox input[type='radio']:checked + i:before {
      opacity: 1; }
    .form-radio input[type='checkbox']:checked:disabled + i:before, .form-radio input[type='checkbox']:checked.disabled + i:before,
    :disabled .form-radio input[type='checkbox']:checked + i:before,
    .form-radio input[type='radio']:checked:disabled + i:before,
    .form-radio input[type='radio']:checked.disabled + i:before,
    :disabled
    .form-radio input[type='radio']:checked + i:before,
    .form-checkbox input[type='checkbox']:checked:disabled + i:before,
    .form-checkbox input[type='checkbox']:checked.disabled + i:before,
    :disabled
    .form-checkbox input[type='checkbox']:checked + i:before,
    .form-checkbox input[type='radio']:checked:disabled + i:before,
    .form-checkbox input[type='radio']:checked.disabled + i:before,
    :disabled
    .form-checkbox input[type='radio']:checked + i:before {
      opacity: 0.5; }
    .form-radio input[type='checkbox']:disabled, .form-radio input[type='checkbox'].disabled,
    :disabled .form-radio input[type='checkbox'],
    .form-radio input[type='radio']:disabled,
    .form-radio input[type='radio'].disabled,
    :disabled
    .form-radio input[type='radio'],
    .form-checkbox input[type='checkbox']:disabled,
    .form-checkbox input[type='checkbox'].disabled,
    :disabled
    .form-checkbox input[type='checkbox'],
    .form-checkbox input[type='radio']:disabled,
    .form-checkbox input[type='radio'].disabled,
    :disabled
    .form-checkbox input[type='radio'] {
      cursor: default; }
      .form-radio input[type='checkbox']:disabled + i:before, .form-radio input[type='checkbox'].disabled + i:before,
      :disabled .form-radio input[type='checkbox'] + i:before,
      .form-radio input[type='radio']:disabled + i:before,
      .form-radio input[type='radio'].disabled + i:before,
      :disabled
      .form-radio input[type='radio'] + i:before,
      .form-checkbox input[type='checkbox']:disabled + i:before,
      .form-checkbox input[type='checkbox'].disabled + i:before,
      :disabled
      .form-checkbox input[type='checkbox'] + i:before,
      .form-checkbox input[type='radio']:disabled + i:before,
      .form-checkbox input[type='radio'].disabled + i:before,
      :disabled
      .form-checkbox input[type='radio'] + i:before {
        opacity: 0; }
      .form-radio input[type='checkbox']:disabled + i:after, .form-radio input[type='checkbox'].disabled + i:after,
      :disabled .form-radio input[type='checkbox'] + i:after,
      .form-radio input[type='radio']:disabled + i:after,
      .form-radio input[type='radio'].disabled + i:after,
      :disabled
      .form-radio input[type='radio'] + i:after,
      .form-checkbox input[type='checkbox']:disabled + i:after,
      .form-checkbox input[type='checkbox'].disabled + i:after,
      :disabled
      .form-checkbox input[type='checkbox'] + i:after,
      .form-checkbox input[type='radio']:disabled + i:after,
      .form-checkbox input[type='radio'].disabled + i:after,
      :disabled
      .form-checkbox input[type='radio'] + i:after {
        content: '';
        display: block;
        position: absolute;
        left: -2px;
        top: -2px;
        width: 18px;
        height: 18px;
        background-color: #e6e6e6;
        opacity: 0.5; }
      .form-radio input[type='checkbox']:disabled ~ span,
      .form-radio input[type='checkbox']:disabled ~ strong, .form-radio input[type='checkbox'].disabled ~ span,
      .form-radio input[type='checkbox'].disabled ~ strong,
      :disabled .form-radio input[type='checkbox'] ~ span,
      :disabled .form-radio input[type='checkbox'] ~ strong,
      .form-radio input[type='radio']:disabled ~ span,
      .form-radio input[type='radio']:disabled ~ strong,
      .form-radio input[type='radio'].disabled ~ span,
      .form-radio input[type='radio'].disabled ~ strong,
      :disabled
      .form-radio input[type='radio'] ~ span,
      :disabled
      .form-radio input[type='radio'] ~ strong,
      .form-checkbox input[type='checkbox']:disabled ~ span,
      .form-checkbox input[type='checkbox']:disabled ~ strong,
      .form-checkbox input[type='checkbox'].disabled ~ span,
      .form-checkbox input[type='checkbox'].disabled ~ strong,
      :disabled
      .form-checkbox input[type='checkbox'] ~ span,
      :disabled
      .form-checkbox input[type='checkbox'] ~ strong,
      .form-checkbox input[type='radio']:disabled ~ span,
      .form-checkbox input[type='radio']:disabled ~ strong,
      .form-checkbox input[type='radio'].disabled ~ span,
      .form-checkbox input[type='radio'].disabled ~ strong,
      :disabled
      .form-checkbox input[type='radio'] ~ span,
      :disabled
      .form-checkbox input[type='radio'] ~ strong {
        color: #686868; }
      .form-radio input[type='checkbox']:disabled ~ .sprite, .form-radio input[type='checkbox'].disabled ~ .sprite,
      :disabled .form-radio input[type='checkbox'] ~ .sprite,
      .form-radio input[type='radio']:disabled ~ .sprite,
      .form-radio input[type='radio'].disabled ~ .sprite,
      :disabled
      .form-radio input[type='radio'] ~ .sprite,
      .form-checkbox input[type='checkbox']:disabled ~ .sprite,
      .form-checkbox input[type='checkbox'].disabled ~ .sprite,
      :disabled
      .form-checkbox input[type='checkbox'] ~ .sprite,
      .form-checkbox input[type='radio']:disabled ~ .sprite,
      .form-checkbox input[type='radio'].disabled ~ .sprite,
      :disabled
      .form-checkbox input[type='radio'] ~ .sprite {
        opacity: 0.5; }
    .form-radio input[type='checkbox']:disabled ~ .format-flag, .form-radio input[type='checkbox'].disabled ~ .format-flag,
    :disabled .form-radio input[type='checkbox'] ~ .format-flag,
    .form-radio input[type='radio']:disabled ~ .format-flag,
    .form-radio input[type='radio'].disabled ~ .format-flag,
    :disabled
    .form-radio input[type='radio'] ~ .format-flag,
    .form-checkbox input[type='checkbox']:disabled ~ .format-flag,
    .form-checkbox input[type='checkbox'].disabled ~ .format-flag,
    :disabled
    .form-checkbox input[type='checkbox'] ~ .format-flag,
    .form-checkbox input[type='radio']:disabled ~ .format-flag,
    .form-checkbox input[type='radio'].disabled ~ .format-flag,
    :disabled
    .form-checkbox input[type='radio'] ~ .format-flag {
      color: #fff;
      background-color: #acb6ca; }
  .form-radio input[type='checkbox'] + i:before,
  .form-checkbox input[type='checkbox'] + i:before {
    width: 10px;
    height: 5px;
    margin: 3px 2px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    border-left: 2px solid #11193f;
    border-bottom: 2px solid #11193f; }
  .form-radio input[type='radio'] + i,
  .form-checkbox input[type='radio'] + i {
    border-radius: 100%; }
    .form-radio input[type='radio'] + i:before,
    .form-checkbox input[type='radio'] + i:before {
      width: 8px;
      height: 8px;
      margin: 3px;
      border-radius: 100%;
      background-color: #6f6f83; }
    .form-radio input[type='radio'] + i:after,
    .form-checkbox input[type='radio'] + i:after {
      border-radius: 100%; }
  .form-radio-inverse input[type='checkbox']:checked + i,
  .form-checkbox-inverse input[type='checkbox']:checked + i {
    border-color: #11193f;
    background-color: #11193f; }
    .form-radio-inverse input[type='checkbox']:checked + i:before,
    .form-checkbox-inverse input[type='checkbox']:checked + i:before {
      border-color: #fff; }
  .form-radio-inverse input[type='checkbox']:checked:disabled + i:before,
  .form-checkbox-inverse input[type='checkbox']:checked:disabled + i:before {
    opacity: 1; }
  .form-radio-inverse input[type='checkbox']:disabled + i,
  .form-checkbox-inverse input[type='checkbox']:disabled + i {
    border-color: #dedee7;
    background-color: #dedee7; }
    .form-radio-inverse input[type='checkbox']:disabled + i:before,
    .form-checkbox-inverse input[type='checkbox']:disabled + i:before {
      opacity: 0; }
    .form-radio-inverse input[type='checkbox']:disabled + i:after,
    .form-checkbox-inverse input[type='checkbox']:disabled + i:after {
      content: none; }
  .form-radio-inverse input[type='radio'] + i:before,
  .form-checkbox-inverse input[type='radio'] + i:before {
    background-color: #11193f; }
  .form-radio-primary input[type='checkbox']:checked + i,
  .form-checkbox-primary input[type='checkbox']:checked + i {
    border-color: #2763ea;
    background-color: #2763ea; }
    .form-radio-primary input[type='checkbox']:checked + i:before,
    .form-checkbox-primary input[type='checkbox']:checked + i:before {
      border-color: #fff; }
  .form-radio-primary input[type='checkbox']:checked:disabled + i,
  .form-checkbox-primary input[type='checkbox']:checked:disabled + i {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border-color: #2763ea;
    background-color: #2763ea; }
    .form-radio-primary input[type='checkbox']:checked:disabled + i:before,
    .form-checkbox-primary input[type='checkbox']:checked:disabled + i:before {
      opacity: 1;
      width: 7px;
      height: 5px;
      margin: 2px; }
    .form-radio-primary input[type='checkbox']:checked:disabled + i:after,
    .form-checkbox-primary input[type='checkbox']:checked:disabled + i:after {
      content: none; }
  .form-radio-primary input[type='checkbox']:disabled + i,
  .form-checkbox-primary input[type='checkbox']:disabled + i {
    border-color: #dedee7; }
    .form-radio-primary input[type='checkbox']:disabled + i:before,
    .form-checkbox-primary input[type='checkbox']:disabled + i:before {
      opacity: 0; }
    .form-radio-primary input[type='checkbox']:disabled + i:after,
    .form-checkbox-primary input[type='checkbox']:disabled + i:after {
      background-color: #e6e6e6; }
  .form-radio-primary input[type='radio'] + i,
  .form-checkbox-primary input[type='radio'] + i {
    width: 16px;
    height: 16px;
    border-width: 1px;
    background-color: #fbfbfb; }
    .form-radio-primary input[type='radio'] + i:before,
    .form-checkbox-primary input[type='radio'] + i:before {
      opacity: 1;
      width: 6px;
      height: 5px;
      margin: 4px;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      background: none;
      border-left: 2px solid rgba(17, 25, 63, 0.5);
      border-bottom: 2px solid rgba(17, 25, 63, 0.5);
      border-radius: 0; }
  .form-radio-primary input[type='radio']:checked + i,
  .form-checkbox-primary input[type='radio']:checked + i {
    border-color: #2763ea;
    background-color: #2763ea; }
    .form-radio-primary input[type='radio']:checked + i:before,
    .form-checkbox-primary input[type='radio']:checked + i:before {
      border-left-color: #fff;
      border-bottom-color: #fff; }
  .form-radio-status input[type='checkbox'] + i,
  .form-checkbox-status input[type='checkbox'] + i {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border-width: 1px; }
  .form-radio-status input[type='checkbox']:checked + i:before,
  .form-checkbox-status input[type='checkbox']:checked + i:before {
    width: 6px;
    height: 4px;
    margin: 4px;
    border-color: #fff; }
  .form-radio-status strong,
  .form-radio-status span,
  .form-checkbox-status strong,
  .form-checkbox-status span {
    vertical-align: middle; }
  .form-radio-default,
  .form-checkbox-default {
    position: relative;
    display: block; }
    .form-radio-default input[type='radio'],
    .form-checkbox-default input[type='radio'] {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      cursor: pointer; }
      .form-radio-default input[type='radio']:checked + i,
      .form-checkbox-default input[type='radio']:checked + i {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -318px -262px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 22px;
        min-width: 22px;
        height: 22px; }
    .form-radio-default i,
    .form-checkbox-default i {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -569px -500px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 22px;
      min-width: 22px;
      height: 22px; }
  .form-radio-success input[type='radio'] + i,
  .form-checkbox-success input[type='radio'] + i {
    width: 16px;
    height: 16px;
    border: none;
    background-color: #dfdfee; }
    .form-radio-success input[type='radio'] + i:before,
    .form-checkbox-success input[type='radio'] + i:before {
      opacity: 1;
      width: 6px;
      height: 4px;
      margin: 5px;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      border-radius: 0;
      background: transparent; }
  .form-radio-success input[type='radio']:checked + i,
  .form-checkbox-success input[type='radio']:checked + i {
    background-color: #2e9812; }
  .form-radio-active,
  .form-checkbox-active {
    position: relative;
    display: block; }
    .form-radio-active input[type='radio'],
    .form-checkbox-active input[type='radio'] {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      cursor: pointer; }
      .form-radio-active input[type='radio']:checked + i,
      .form-checkbox-active input[type='radio']:checked + i {
        opacity: 1; }
    .form-radio-active i,
    .form-checkbox-active i {
      opacity: 0; }
      .form-radio-active i:before, .form-radio-active i:after,
      .form-checkbox-active i:before,
      .form-checkbox-active i:after {
        content: '';
        position: absolute; }
      .form-radio-active i:before,
      .form-checkbox-active i:before {
        right: 7px;
        top: 7px;
        width: 24px;
        height: 24px;
        background-color: #5186ff;
        border-radius: 50%; }
      .form-radio-active i:after,
      .form-checkbox-active i:after {
        top: 14px;
        right: 14px;
        width: 11px;
        height: 7px;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
  .form-radio.ALL input[type='checkbox']:checked + i, .form-radio.READY input[type='checkbox']:checked + i, .form-radio.CANCELED input[type='checkbox']:checked + i,
  .form-checkbox.ALL input[type='checkbox']:checked + i,
  .form-checkbox.READY input[type='checkbox']:checked + i,
  .form-checkbox.CANCELED input[type='checkbox']:checked + i {
    border-color: #000;
    background-color: #11193f; }
  .form-radio.INGESTING input[type='checkbox']:checked + i, .form-radio.INGESTED input[type='checkbox']:checked + i,
  .form-checkbox.INGESTING input[type='checkbox']:checked + i,
  .form-checkbox.INGESTED input[type='checkbox']:checked + i {
    border-color: #dd5800;
    background-color: #f57f00; }
  .form-radio.SUBMITTED input[type='checkbox']:checked + i, .form-radio.UPLOADING input[type='checkbox']:checked + i, .form-radio.PROGRESSING input[type='checkbox']:checked + i,
  .form-checkbox.SUBMITTED input[type='checkbox']:checked + i,
  .form-checkbox.UPLOADING input[type='checkbox']:checked + i,
  .form-checkbox.PROGRESSING input[type='checkbox']:checked + i {
    border-color: #1547b6;
    background-color: #2763ea; }
  .form-radio.COMPLETE input[type='checkbox']:checked + i,
  .form-checkbox.COMPLETE input[type='checkbox']:checked + i {
    border-color: #207709;
    background-color: #2e9812; }
  .form-radio.ERROR input[type='checkbox']:checked + i,
  .form-checkbox.ERROR input[type='checkbox']:checked + i {
    border-color: #cd2800;
    background-color: #ef4016; }
  .form-radio.checked-half input[type='checkbox'] + i:before,
  .form-checkbox.checked-half input[type='checkbox'] + i:before {
    height: 0;
    margin: 6px 2px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
  .form-radio strong,
  .form-radio span,
  .form-checkbox strong,
  .form-checkbox span {
    margin-left: 4px;
    text-transform: capitalize;
    white-space: normal; }
    .form-radio strong:not(.format-flag),
    .form-radio span:not(.format-flag),
    .form-checkbox strong:not(.format-flag),
    .form-checkbox span:not(.format-flag) {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px; }
    .form-radio strong + span,
    .form-radio span + span,
    .form-checkbox strong + span,
    .form-checkbox span + span {
      margin-left: 0; }
    .form-radio strong.format-flag,
    .form-radio span.format-flag,
    .form-checkbox strong.format-flag,
    .form-checkbox span.format-flag {
      text-transform: uppercase; }

.form-number {
  position: relative;
  width: 120px; }
  .form-number:disabled, .form-number[disabled] {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6;
    pointer-events: none; }
  .form-number input:disabled {
    border-color: #e1e1e6; }
  .form-number-nav {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 30px; }
    .form-number-nav button:first-child .sprite {
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg);
      margin-top: 2px; }
    .form-number-nav button:last-child .sprite {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg);
      margin-bottom: 4px; }

.radio-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .radio-group:not(:first-child) {
    margin-left: 10px; }
  .radio-group.radio-group-fill {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .radio-group.radio-group-fill .form-radio {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      height: 38px;
      text-align: center;
      padding: 9px 11px; }
  .radio-group .form-radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 9px 11px;
    margin-left: -1px; }
    .radio-group .form-radio input[type='radio'] {
      width: 100%;
      height: 100%;
      top: 0;
      margin: 0; }
      .radio-group .form-radio input[type='radio'] + i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-width: 1px;
        background: transparent;
        border-radius: 0; }
        .radio-group .form-radio input[type='radio'] + i:before {
          content: none; }
      .radio-group .form-radio input[type='radio']:checked + i {
        background-color: #11193f;
        border-color: #11193f; }
        .radio-group .form-radio input[type='radio']:checked + i + span {
          color: #fff; }
      .radio-group .form-radio input[type='radio']:checked:disabled + i + span {
        color: #686868; }
      .radio-group .form-radio input[type='radio']:disabled {
        cursor: default; }
        .radio-group .form-radio input[type='radio']:disabled + i {
          background-color: #fbfbfb; }
          .radio-group .form-radio input[type='radio']:disabled + i:before {
            background-color: #f2f2f2; }
          .radio-group .form-radio input[type='radio']:disabled + i:after {
            content: none; }
          .radio-group .form-radio input[type='radio']:disabled + i + span {
            cursor: default;
            opacity: 0.5;
            color: #999; }
    .radio-group .form-radio span {
      position: relative;
      z-index: 2;
      cursor: pointer;
      margin: 0;
      white-space: nowrap; }
  .radio-group-sm {
    height: 30px; }
    .radio-group-sm .form-radio {
      padding: 4px 11px; }
  .radio-group + .btn,
  .radio-group + div {
    margin-left: 8px; }

.select-week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .select-week.box-border {
    max-width: 395px;
    padding: 20px; }
  .select-week > span:first-child {
    margin-right: 10px; }
  .select-week .form-checkbox ~ .form-checkbox,
  .select-week .form-checkbox ~ .form-radio,
  .select-week .form-radio ~ .form-checkbox,
  .select-week .form-radio ~ .form-radio {
    margin-left: 4px; }
  .select-week .form-checkbox input[type='checkbox'],
  .select-week .form-checkbox input[type='radio'],
  .select-week .form-radio input[type='checkbox'],
  .select-week .form-radio input[type='radio'] {
    position: absolute;
    left: 0;
    top: 50%;
    width: 34px;
    height: 34px;
    margin: -17px 0 0 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer; }
    .select-week .form-checkbox input[type='checkbox'] + i,
    .select-week .form-checkbox input[type='radio'] + i,
    .select-week .form-radio input[type='checkbox'] + i,
    .select-week .form-radio input[type='radio'] + i {
      position: relative;
      display: inline-block;
      width: 34px;
      height: 34px;
      vertical-align: middle;
      border: 1px solid #b6b6ca;
      background-color: #fff;
      border-radius: 100%; }
      .select-week .form-checkbox input[type='checkbox'] + i:before,
      .select-week .form-checkbox input[type='radio'] + i:before,
      .select-week .form-radio input[type='checkbox'] + i:before,
      .select-week .form-radio input[type='radio'] + i:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        pointer-events: none; }
    .select-week .form-checkbox input[type='checkbox']:checked + i:before,
    .select-week .form-checkbox input[type='radio']:checked + i:before,
    .select-week .form-radio input[type='checkbox']:checked + i:before,
    .select-week .form-radio input[type='radio']:checked + i:before {
      opacity: 1; }
    .select-week .form-checkbox input[type='checkbox']:checked:disabled + i:before, .select-week .form-checkbox input[type='checkbox']:checked.disabled + i:before,
    :disabled .select-week .form-checkbox input[type='checkbox']:checked + i:before,
    .select-week .form-checkbox input[type='radio']:checked:disabled + i:before,
    .select-week .form-checkbox input[type='radio']:checked.disabled + i:before,
    :disabled
    .select-week .form-checkbox input[type='radio']:checked + i:before,
    .select-week .form-radio input[type='checkbox']:checked:disabled + i:before,
    .select-week .form-radio input[type='checkbox']:checked.disabled + i:before,
    :disabled
    .select-week .form-radio input[type='checkbox']:checked + i:before,
    .select-week .form-radio input[type='radio']:checked:disabled + i:before,
    .select-week .form-radio input[type='radio']:checked.disabled + i:before,
    :disabled
    .select-week .form-radio input[type='radio']:checked + i:before {
      opacity: 0.5; }
    .select-week .form-checkbox input[type='checkbox']:checked ~ span,
    .select-week .form-checkbox input[type='checkbox']:checked ~ strong,
    .select-week .form-checkbox input[type='radio']:checked ~ span,
    .select-week .form-checkbox input[type='radio']:checked ~ strong,
    .select-week .form-radio input[type='checkbox']:checked ~ span,
    .select-week .form-radio input[type='checkbox']:checked ~ strong,
    .select-week .form-radio input[type='radio']:checked ~ span,
    .select-week .form-radio input[type='radio']:checked ~ strong {
      color: #fff; }
    .select-week .form-checkbox input[type='checkbox']:disabled, .select-week .form-checkbox input[type='checkbox'].disabled,
    :disabled .select-week .form-checkbox input[type='checkbox'],
    .select-week .form-checkbox input[type='radio']:disabled,
    .select-week .form-checkbox input[type='radio'].disabled,
    :disabled
    .select-week .form-checkbox input[type='radio'],
    .select-week .form-radio input[type='checkbox']:disabled,
    .select-week .form-radio input[type='checkbox'].disabled,
    :disabled
    .select-week .form-radio input[type='checkbox'],
    .select-week .form-radio input[type='radio']:disabled,
    .select-week .form-radio input[type='radio'].disabled,
    :disabled
    .select-week .form-radio input[type='radio'] {
      cursor: default; }
      .select-week .form-checkbox input[type='checkbox']:disabled + i:before, .select-week .form-checkbox input[type='checkbox'].disabled + i:before,
      :disabled .select-week .form-checkbox input[type='checkbox'] + i:before,
      .select-week .form-checkbox input[type='radio']:disabled + i:before,
      .select-week .form-checkbox input[type='radio'].disabled + i:before,
      :disabled
      .select-week .form-checkbox input[type='radio'] + i:before,
      .select-week .form-radio input[type='checkbox']:disabled + i:before,
      .select-week .form-radio input[type='checkbox'].disabled + i:before,
      :disabled
      .select-week .form-radio input[type='checkbox'] + i:before,
      .select-week .form-radio input[type='radio']:disabled + i:before,
      .select-week .form-radio input[type='radio'].disabled + i:before,
      :disabled
      .select-week .form-radio input[type='radio'] + i:before {
        opacity: 0; }
      .select-week .form-checkbox input[type='checkbox']:disabled + i:after, .select-week .form-checkbox input[type='checkbox'].disabled + i:after,
      :disabled .select-week .form-checkbox input[type='checkbox'] + i:after,
      .select-week .form-checkbox input[type='radio']:disabled + i:after,
      .select-week .form-checkbox input[type='radio'].disabled + i:after,
      :disabled
      .select-week .form-checkbox input[type='radio'] + i:after,
      .select-week .form-radio input[type='checkbox']:disabled + i:after,
      .select-week .form-radio input[type='checkbox'].disabled + i:after,
      :disabled
      .select-week .form-radio input[type='checkbox'] + i:after,
      .select-week .form-radio input[type='radio']:disabled + i:after,
      .select-week .form-radio input[type='radio'].disabled + i:after,
      :disabled
      .select-week .form-radio input[type='radio'] + i:after {
        content: '';
        display: block;
        position: absolute;
        left: -1px;
        top: -1px;
        width: 34px;
        height: 34px;
        background-color: #fbfbfb;
        border-color: #e1e1e6;
        border-radius: 100%;
        opacity: 0.5; }
      .select-week .form-checkbox input[type='checkbox']:disabled ~ span,
      .select-week .form-checkbox input[type='checkbox']:disabled ~ strong, .select-week .form-checkbox input[type='checkbox'].disabled ~ span,
      .select-week .form-checkbox input[type='checkbox'].disabled ~ strong,
      :disabled .select-week .form-checkbox input[type='checkbox'] ~ span,
      :disabled .select-week .form-checkbox input[type='checkbox'] ~ strong,
      .select-week .form-checkbox input[type='radio']:disabled ~ span,
      .select-week .form-checkbox input[type='radio']:disabled ~ strong,
      .select-week .form-checkbox input[type='radio'].disabled ~ span,
      .select-week .form-checkbox input[type='radio'].disabled ~ strong,
      :disabled
      .select-week .form-checkbox input[type='radio'] ~ span,
      :disabled
      .select-week .form-checkbox input[type='radio'] ~ strong,
      .select-week .form-radio input[type='checkbox']:disabled ~ span,
      .select-week .form-radio input[type='checkbox']:disabled ~ strong,
      .select-week .form-radio input[type='checkbox'].disabled ~ span,
      .select-week .form-radio input[type='checkbox'].disabled ~ strong,
      :disabled
      .select-week .form-radio input[type='checkbox'] ~ span,
      :disabled
      .select-week .form-radio input[type='checkbox'] ~ strong,
      .select-week .form-radio input[type='radio']:disabled ~ span,
      .select-week .form-radio input[type='radio']:disabled ~ strong,
      .select-week .form-radio input[type='radio'].disabled ~ span,
      .select-week .form-radio input[type='radio'].disabled ~ strong,
      :disabled
      .select-week .form-radio input[type='radio'] ~ span,
      :disabled
      .select-week .form-radio input[type='radio'] ~ strong {
        color: #999; }
  .select-week .form-checkbox input[type='checkbox'] + i:before,
  .select-week .form-checkbox input[type='radio'] + i:before,
  .select-week .form-radio input[type='checkbox'] + i:before,
  .select-week .form-radio input[type='radio'] + i:before {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    margin: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    border: none;
    background-color: #11193f; }
  .select-week .form-checkbox span,
  .select-week .form-checkbox strong,
  .select-week .form-radio span,
  .select-week .form-radio strong {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    white-space: nowrap;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.set-time {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38px;
  vertical-align: top; }
  .set-time .form-group-text .sprite-clock-fade {
    margin-right: 10px; }
  .set-time .form-group-text .btn {
    padding-bottom: 3px;
    margin-top: 4px;
    border-bottom: 2px solid transparent; }
  .set-time .dropdown-layer-open .dropdown-layer {
    display: inline-block; }
  .set-time .dropdown-layer-open.form-group {
    border-color: #2763ea; }
  .set-time .dropdown-layer-open .form-group-text .btn {
    border-radius: 0;
    border-bottom: 2px solid #2763ea; }
  .set-time .dropdown-layer {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 366px;
    z-index: 1;
    margin-top: 5px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dfdfee; }
    .set-time .dropdown-layer .layer-body {
      padding: 20px 10px 10px; }
    .set-time .dropdown-layer .tab-body {
      padding: 10px; }
      .set-time .dropdown-layer .tab-body .btn {
        margin: 2.5px; }
    .set-time .dropdown-layer .form-group {
      position: relative; }
  .set-time select,
  .set-time .select2-container {
    min-width: 90px;
    width: 90px; }
    .set-time select:after,
    .set-time .select2-container:after {
      content: ':';
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .set-time select:last-of-type:after,
    .set-time .select2-container:last-of-type:after {
      display: none; }
  .set-time select,
  .set-time .select2-selection__control {
    border-right: none; }
  .set-time .form-input {
    width: 100px;
    height: 100%; }
    .set-time .form-input input[disabled], .set-time .form-input input:disabled {
      color: #999; }

.set-date-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .set-date-time > .select2-container:first-child {
    min-width: 110px; }
  .set-date-time .separate {
    display: inline-block;
    margin: 0 10px;
    line-height: 38px; }

.form-btn {
  position: relative;
  display: inline-block;
  min-height: 25px;
  padding: 0 20px;
  vertical-align: middle; }
  .form-btn ~ .form-btn {
    margin-left: 10px; }
  .form-btn:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle; }
  .form-btn input[type='checkbox'],
  .form-btn input[type='radio'] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1; }
    .form-btn input[type='checkbox'] + i,
    .form-btn input[type='radio'] + i {
      display: inline-block;
      vertical-align: middle;
      margin-right: 8px; }
      .form-btn input[type='checkbox'] + i:before, .form-btn input[type='checkbox'] + i:after,
      .form-btn input[type='radio'] + i:before,
      .form-btn input[type='radio'] + i:after {
        content: '';
        position: absolute;
        display: block; }
      .form-btn input[type='checkbox'] + i:before,
      .form-btn input[type='radio'] + i:before {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 2px;
        border: solid 1px #dfdfee; }
      .form-btn input[type='checkbox'] + i:after,
      .form-btn input[type='radio'] + i:after {
        width: 7px;
        height: 5px;
        margin-top: -2px;
        vertical-align: middle;
        border-left: 2px solid #dfdfee;
        border-bottom: 2px solid #dfdfee;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .form-btn input[type='checkbox']:checked + i:before,
    .form-btn input[type='radio']:checked + i:before {
      border-color: #11193f; }
    .form-btn input[type='checkbox']:checked + i:after,
    .form-btn input[type='radio']:checked + i:after {
      border-color: #2763ea; }
  .form-btn strong,
  .form-btn span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    margin-left: 4px;
    text-transform: capitalize; }
  .form-btn-lg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    min-height: 48px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .form-btn-lg ~ .form-btn-lg {
      margin-left: 0;
      margin-top: 8px; }
    .form-btn-lg input[type='checkbox'] + i:before,
    .form-btn-lg input[type='radio'] + i:before {
      border: solid 1px #dfdfee; }
    .form-btn-lg input[type='checkbox'] + i:after,
    .form-btn-lg input[type='radio'] + i:after {
      content: '';
      left: 11px;
      top: 50%;
      margin-top: -7px;
      border: 0;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -552px -893px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 14px;
      min-width: 14px;
      height: 14px; }
    .form-btn-lg input[type='checkbox']:checked + i:before,
    .form-btn-lg input[type='radio']:checked + i:before {
      border-color: #2763ea; }
    .form-btn-lg input[type='checkbox']:checked + i:after,
    .form-btn-lg input[type='radio']:checked + i:after {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -518px -893px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 14px;
      min-width: 14px;
      height: 14px; }
    .form-btn-lg input[type='checkbox']:checked ~ strong,
    .form-btn-lg input[type='checkbox']:checked ~ span,
    .form-btn-lg input[type='radio']:checked ~ strong,
    .form-btn-lg input[type='radio']:checked ~ span {
      color: #2763ea; }
    .form-btn-lg strong,
    .form-btn-lg span {
      margin: 0; }

.form-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 26px;
  margin: 0; }
  .form-switch-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .form-switch-label span + .form-switch,
    .form-switch-label strong + .form-switch {
      margin-left: 5px; }
    .form-switch-label .form-switch + span,
    .form-switch-label .form-switch + strong {
      margin-left: 5px; }
    .card .form-switch-label + .form-switch-label,
    .table .form-switch-label + .form-switch-label {
      margin-left: 15px;
      padding-left: 15px;
      border-left: 1px solid rgba(223, 223, 238, 0.5); }
    .settings-table .form-switch-label + .form-switch-label {
      margin-left: 20px; }
  .form-switch.form-switch-sm {
    width: 28px;
    height: 16px; }
    .form-switch.form-switch-sm input[type='checkbox'] + i:before {
      top: 1px;
      width: 12px;
      height: 12px;
      border-color: #444964;
      background-color: #4d5270; }
    .form-switch.form-switch-sm input[type='checkbox'] + i:after {
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8);
      right: 4px;
      top: 4px; }
    .form-switch.form-switch-sm input[type='checkbox']:checked + i:after {
      left: 3px;
      top: 3px;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
    .form-switch.form-switch-sm input[type='checkbox']:disabled, .form-switch.form-switch-sm input[type='checkbox'][disabled] {
      cursor: default; }
      .form-switch.form-switch-sm input[type='checkbox']:disabled + i:before, .form-switch.form-switch-sm input[type='checkbox'][disabled] + i:before {
        border: solid 1px #d2d2e0;
        background-color: #dfdfee; }
      .form-switch.form-switch-sm input[type='checkbox']:disabled:checked + i, .form-switch.form-switch-sm input[type='checkbox'][disabled]:checked + i {
        background-color: #f8f8f8;
        border: 1px solid #dfdfee; }
  .form-switch input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 1;
    cursor: pointer; }
    .form-switch input[type='checkbox'] + i {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
      cursor: pointer;
      background-color: #f8f8f8;
      border: 1px solid #dfdfee;
      border-radius: 13px; }
      .form-switch input[type='checkbox'] + i:before, .form-switch input[type='checkbox'] + i:after {
        content: '';
        display: block;
        position: absolute; }
      .form-switch input[type='checkbox'] + i:before {
        top: 2px;
        right: 2px;
        width: 20px;
        height: 20px;
        border-color: #444964;
        background-color: #4d5270;
        border-radius: 100%; }
      .form-switch input[type='checkbox'] + i:after {
        left: auto;
        right: 8px;
        top: 9px;
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -1025px -506px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 7px;
        min-width: 7px;
        height: 7px; }
    .form-switch input[type='checkbox']:checked + i {
      border-color: #abd6a0;
      background-color: #eaf4e7; }
      .form-switch input[type='checkbox']:checked + i:before {
        left: 2px;
        right: auto;
        border-color: #207709;
        background-color: #2e9812; }
      .form-switch input[type='checkbox']:checked + i:after {
        left: 6px;
        top: 8px;
        right: auto;
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -191px -1028px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 11px;
        min-width: 11px;
        height: 8px; }
    .form-switch input[type='checkbox']:disabled {
      cursor: default; }
      .form-switch input[type='checkbox']:disabled + i:before {
        border: solid 1px #d2d2e0;
        background-color: #dfdfee; }
      .form-switch input[type='checkbox']:disabled:checked + i {
        background-color: #f8f8f8;
        border: 1px solid #dfdfee; }

select {
  height: 38px;
  padding: 0 20px;
  vertical-align: middle;
  border: 0;
  border: 1px solid #b6b6ca;
  border-radius: 2px;
  background: url("../images/dropdown-arrow.png") no-repeat 95% 50%; }
  .input-group select {
    width: 100%;
    background-position: 98% 50%; }
  .error select,
  .is-error select {
    border-color: #ef4016; }
  select:not(:first-child), select:not(:last-child) {
    margin: 0 5px; }

input[type='text']:not(.MuiInputBase-input),
input[type='password']:not(.MuiInputBase-input),
input[type='number']:not(.MuiInputBase-input),
input[type='tel']:not(.MuiInputBase-input),
input[type='url']:not(.MuiInputBase-input),
input[type='email']:not(.MuiInputBase-input) {
  width: 100%;
  height: 38px;
  margin: 0;
  padding: 0 20px;
  vertical-align: middle;
  border: 1px solid #b6b6ca;
  border-radius: 2px; }
  input[type='text']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, input[type='number']::-webkit-input-placeholder, input[type='tel']::-webkit-input-placeholder, input[type='url']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder {
    color: #9898ad; }
  input[type='text']::-moz-placeholder, input[type='password']::-moz-placeholder, input[type='number']::-moz-placeholder, input[type='tel']::-moz-placeholder, input[type='url']::-moz-placeholder, input[type='email']::-moz-placeholder {
    color: #9898ad; }
  input[type='text']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder, input[type='number']:-ms-input-placeholder, input[type='tel']:-ms-input-placeholder, input[type='url']:-ms-input-placeholder, input[type='email']:-ms-input-placeholder {
    color: #9898ad; }
  input[type='text']::-ms-input-placeholder, input[type='password']::-ms-input-placeholder, input[type='number']::-ms-input-placeholder, input[type='tel']::-ms-input-placeholder, input[type='url']::-ms-input-placeholder, input[type='email']::-ms-input-placeholder {
    color: #9898ad; }
  input[type='text']::placeholder,
  input[type='password']::placeholder,
  input[type='number']::placeholder,
  input[type='tel']::placeholder,
  input[type='url']::placeholder,
  input[type='email']::placeholder {
    color: #9898ad; }
  input[type='text']:disabled, input[type='text'][disabled],
  input[type='password']:disabled,
  input[type='password'][disabled],
  input[type='number']:disabled,
  input[type='number'][disabled],
  input[type='tel']:disabled,
  input[type='tel'][disabled],
  input[type='url']:disabled,
  input[type='url'][disabled],
  input[type='email']:disabled,
  input[type='email'][disabled] {
    color: #9898ad;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    input[type='text']:disabled::-webkit-input-placeholder, input[type='text'][disabled]::-webkit-input-placeholder, input[type='password']:disabled::-webkit-input-placeholder, input[type='password'][disabled]::-webkit-input-placeholder, input[type='number']:disabled::-webkit-input-placeholder, input[type='number'][disabled]::-webkit-input-placeholder, input[type='tel']:disabled::-webkit-input-placeholder, input[type='tel'][disabled]::-webkit-input-placeholder, input[type='url']:disabled::-webkit-input-placeholder, input[type='url'][disabled]::-webkit-input-placeholder, input[type='email']:disabled::-webkit-input-placeholder, input[type='email'][disabled]::-webkit-input-placeholder {
      color: #9898ad; }
    input[type='text']:disabled::-moz-placeholder, input[type='text'][disabled]::-moz-placeholder, input[type='password']:disabled::-moz-placeholder, input[type='password'][disabled]::-moz-placeholder, input[type='number']:disabled::-moz-placeholder, input[type='number'][disabled]::-moz-placeholder, input[type='tel']:disabled::-moz-placeholder, input[type='tel'][disabled]::-moz-placeholder, input[type='url']:disabled::-moz-placeholder, input[type='url'][disabled]::-moz-placeholder, input[type='email']:disabled::-moz-placeholder, input[type='email'][disabled]::-moz-placeholder {
      color: #9898ad; }
    input[type='text']:disabled:-ms-input-placeholder, input[type='text'][disabled]:-ms-input-placeholder, input[type='password']:disabled:-ms-input-placeholder, input[type='password'][disabled]:-ms-input-placeholder, input[type='number']:disabled:-ms-input-placeholder, input[type='number'][disabled]:-ms-input-placeholder, input[type='tel']:disabled:-ms-input-placeholder, input[type='tel'][disabled]:-ms-input-placeholder, input[type='url']:disabled:-ms-input-placeholder, input[type='url'][disabled]:-ms-input-placeholder, input[type='email']:disabled:-ms-input-placeholder, input[type='email'][disabled]:-ms-input-placeholder {
      color: #9898ad; }
    input[type='text']:disabled::-ms-input-placeholder, input[type='text'][disabled]::-ms-input-placeholder, input[type='password']:disabled::-ms-input-placeholder, input[type='password'][disabled]::-ms-input-placeholder, input[type='number']:disabled::-ms-input-placeholder, input[type='number'][disabled]::-ms-input-placeholder, input[type='tel']:disabled::-ms-input-placeholder, input[type='tel'][disabled]::-ms-input-placeholder, input[type='url']:disabled::-ms-input-placeholder, input[type='url'][disabled]::-ms-input-placeholder, input[type='email']:disabled::-ms-input-placeholder, input[type='email'][disabled]::-ms-input-placeholder {
      color: #9898ad; }
    input[type='text']:disabled::placeholder, input[type='text'][disabled]::placeholder,
    input[type='password']:disabled::placeholder,
    input[type='password'][disabled]::placeholder,
    input[type='number']:disabled::placeholder,
    input[type='number'][disabled]::placeholder,
    input[type='tel']:disabled::placeholder,
    input[type='tel'][disabled]::placeholder,
    input[type='url']:disabled::placeholder,
    input[type='url'][disabled]::placeholder,
    input[type='email']:disabled::placeholder,
    input[type='email'][disabled]::placeholder {
      color: #9898ad; }
    input[type='text']:disabled:focus, input[type='text'][disabled]:focus,
    input[type='password']:disabled:focus,
    input[type='password'][disabled]:focus,
    input[type='number']:disabled:focus,
    input[type='number'][disabled]:focus,
    input[type='tel']:disabled:focus,
    input[type='tel'][disabled]:focus,
    input[type='url']:disabled:focus,
    input[type='url'][disabled]:focus,
    input[type='email']:disabled:focus,
    input[type='email'][disabled]:focus {
      border-color: #e1e1e6; }
  input[type='text']:-webkit-autofill, input[type='text']:-webkit-autofill:hover, input[type='text']:-webkit-autofill:focus, input[type='text']:-webkit-autofill:active,
  input[type='password']:-webkit-autofill,
  input[type='password']:-webkit-autofill:hover,
  input[type='password']:-webkit-autofill:focus,
  input[type='password']:-webkit-autofill:active,
  input[type='number']:-webkit-autofill,
  input[type='number']:-webkit-autofill:hover,
  input[type='number']:-webkit-autofill:focus,
  input[type='number']:-webkit-autofill:active,
  input[type='tel']:-webkit-autofill,
  input[type='tel']:-webkit-autofill:hover,
  input[type='tel']:-webkit-autofill:focus,
  input[type='tel']:-webkit-autofill:active,
  input[type='url']:-webkit-autofill,
  input[type='url']:-webkit-autofill:hover,
  input[type='url']:-webkit-autofill:focus,
  input[type='url']:-webkit-autofill:active,
  input[type='email']:-webkit-autofill,
  input[type='email']:-webkit-autofill:hover,
  input[type='email']:-webkit-autofill:focus,
  input[type='email']:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important; }

input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  margin: 0; }

.input-group-time {
  width: 110px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 0 20px;
  border: 0; }
  .error .input-group-time,
  .is-error .input-group-time {
    border-color: #ef4016; }

textarea {
  width: 100%;
  min-height: 80px;
  margin: 0;
  padding: 15px 20px 40px;
  resize: none;
  vertical-align: middle;
  border: 1px solid #b6b6ca;
  border-radius: 2px;
  -ms-overflow-style: none; }
  textarea:hover, textarea:focus {
    border-color: #2763ea; }
  textarea::-webkit-input-placeholder {
    color: #9898AD; }
  textarea::-moz-placeholder {
    color: #9898AD; }
  textarea:-ms-input-placeholder {
    color: #9898AD; }
  textarea::-ms-input-placeholder {
    color: #999; }
  textarea::placeholder {
    color: #9898AD; }
  textarea.disabled, textarea:disabled, textarea[disabled] {
    background-color: #f8f8f8; }

.form-textarea {
  position: relative; }
  .is-edit > .form-textarea textarea, .form-textarea.is-edit textarea {
    border: 1px solid #2763ea; }
  .is-edit > .form-textarea.error .form-message, .is-edit > .form-textarea.form-error .form-message, .form-textarea.is-edit.error .form-message, .form-textarea.is-edit.form-error .form-message {
    padding: 6px 20px 10px;
    background-color: rgba(239, 64, 22, 0.7);
    color: #fff;
    font-size: 13px;
    font-weight: normal; }
  .form-textarea.error:after, .form-textarea.form-error:after {
    content: none; }
  .form-textarea.error textarea, .form-textarea.form-error textarea {
    border-color: #ef4016; }
  .form-textarea.error .byte, .form-textarea.form-error .byte {
    bottom: 44px;
    color: #ef4016; }
    .form-textarea.error .byte:before, .form-textarea.form-error .byte:before {
      content: '';
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -722px -893px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 14px;
      min-width: 14px;
      height: 14px;
      margin-right: 4px; }
  .form-textarea .byte {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #686868; }

.form-input {
  position: relative; }
  .form-input + .form-input {
    margin-top: 10px; }
  .form-input-sm input[type='text'],
  .form-input-sm input[type='password'],
  .form-input-sm input[type='number'],
  .form-input-sm input[type='tel'] {
    height: 30px;
    padding: 0 15px; }
  .form-input-sm.form-error:after {
    top: 8px; }
  .form-input-sm.form-warning:before {
    top: 8px; }
  .form-input-with-icon .icon {
    position: absolute;
    left: 7px;
    top: 7px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    border-radius: 3px; }
    .form-input-with-icon .icon-bg-dark {
      background-color: #11193f; }
    .form-input-with-icon .icon-bg-primary {
      background-color: #2763ea; }
    .form-input-with-icon .icon-bg-secondary {
      background-color: #7182a6; }
    .form-input-with-icon .icon + input {
      padding-left: 40px; }
  .form-input.error input, .form-input.form-error input {
    padding-right: 30px;
    border-color: #ef4016; }
  .form-input.error .SingleDatePickerInput__withBorder, .form-input.form-error .SingleDatePickerInput__withBorder {
    border-color: #ef4016; }
  .form-input.is-edit input {
    border-color: #2763ea; }
  .form-input.is-edit .form-input-prepend {
    border-color: #2763ea; }
    .form-input.is-edit .form-input-prepend + input {
      border-color: #2763ea; }
  .form-input input[type='text'],
  .form-input input[type='password'],
  .form-input input[type='number'],
  .form-input input[type='tel'] {
    height: 38px; }
  .form-input .SingleDatePicker,
  .form-input .SingleDatePickerInput {
    width: 100%; }
    .form-input .SingleDatePicker .DateInput__small,
    .form-input .SingleDatePickerInput .DateInput__small {
      width: calc(100% - 50px) !important; }
  .form-input .form-input-prepend {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
    padding-left: 20px;
    border: 1px solid #b6b6ca;
    border-radius: 2px 0 0 2px;
    border-right: none; }
    .form-input .form-input-prepend span + .sprite {
      margin-left: 8px; }
    .form-input .form-input-prepend + input {
      padding-left: 10px;
      border-left: none;
      border-radius: 0 2px 2px 0; }

.form-select-with-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #b6b6ca;
  padding-right: 0 !important;
  margin-right: 5px;
  border-radius: 2px; }
  .form-select-with-icon .select2-container {
    width: 100% !important; }
  .form-select-with-icon .select2-selection__control {
    min-height: 36px;
    border: none; }
  .form-select-with-icon .select2-selection__value-container {
    padding-left: 40px !important; }
  .form-select-with-icon .select2-selection__indicators .select2-selection__dropdown-indicator {
    display: none; }
  .form-select-with-icon .icon {
    position: absolute;
    left: 7px;
    top: 7px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    border-radius: 3px;
    z-index: 9999; }
    .form-select-with-icon .icon-bg-dark {
      background-color: #11193f; }
    .form-select-with-icon .icon-bg-primary {
      background-color: #2763ea; }
    .form-select-with-icon .icon-bg-secondary {
      background-color: #7182a6; }

.form-error:after {
  content: '';
  position: absolute;
  top: 12px;
  right: 10px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -722px -893px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 14px;
  min-width: 14px;
  height: 14px; }

.form-error .form-message {
  min-height: 34px;
  padding: 5px 0;
  color: #ef4016; }
  .form-error .form-message:first-letter {
    text-transform: uppercase; }

.is-edit > .form-error .form-message, .form-error.is-edit .form-message {
  padding: 6px 20px 10px;
  background-color: rgba(239, 64, 22, 0.7);
  color: #fff; }

.form-warning:before {
  content: '';
  position: absolute;
  top: 12px;
  right: 10px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -123px -714px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 18px;
  min-width: 18px;
  height: 15px;
  z-index: 1; }

.form-warning .form-message {
  border-top: 1px solid #dfdfee;
  margin-top: 10px;
  padding-top: 8px; }
  .form-warning .form-message:before {
    content: '';
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -123px -714px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 18px;
    min-width: 18px;
    height: 15px; }
  .form-warning .form-message p {
    display: inline-block;
    vertical-align: middle; }

.form-warning-attributions:before {
  content: none; }

.form-warning-attributions .form-message {
  margin-right: 24px; }

.form-validation-check {
  position: relative; }
  .form-validation-check.form-error:after {
    content: none; }
  .form-validation-check.form-error input {
    padding-right: 30px;
    border-color: #ef4016; }
  .form-validation-check-label {
    position: absolute;
    right: 10px;
    top: 6px;
    padding: 2px 16px 4px 16px;
    color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
    .form-validation-check-label.success {
      background-color: #2e9812; }
      .form-validation-check-label.success .sprite {
        display: inline-block;
        width: 6px;
        height: 4px;
        margin-top: -4px;
        vertical-align: middle;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff; }
    .form-validation-check-label.error {
      background-color: #ef4016; }
    .form-validation-check-label .icon {
      display: inline-block;
      width: 14px;
      height: 14px;
      line-height: 14px;
      margin-right: 5px;
      text-align: center;
      vertical-align: middle;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 100%; }
    .form-validation-check-label span {
      vertical-align: middle; }

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .input-group.error input {
    border-color: #ef4016; }
  .input-group > div:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-right: 5px; }
  .input-group.no-gutters > div:first-child {
    padding: 0;
    margin-right: -1px; }
    .input-group.no-gutters > div:first-child.select2-container {
      min-width: 140px; }
  .input-group .form-input {
    width: 100%; }

.form-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 38px;
  border: 1px solid #b6b6ca; }
  .form-input-group.is-edit {
    border-color: #2763ea; }
  .form-input-group .form-input-group-title {
    position: relative;
    min-width: 97px;
    padding: 0 20px;
    line-height: 36px;
    white-space: nowrap; }
    .form-input-group .form-input-group-title.disabled, .form-input-group .form-input-group-title[disabled], .form-input-group .form-input-group-title:disabled {
      background-color: #f8f8f8; }
    .form-input-group .form-input-group-title:after {
      content: '';
      display: inline-block;
      width: 1px;
      height: 20px;
      background: #efeff6;
      position: absolute;
      right: 1px;
      top: 50%;
      z-index: 1;
      margin-top: -10px; }
  .form-input-group .select2-selection__control {
    height: 100%;
    border: none !important; }
  .form-input-group .select2-container:first-child {
    width: 100px;
    min-width: 0;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    border-right: 1px solid #dfdfee !important; }
  .form-input-group select,
  .form-input-group input[type='text'],
  .form-input-group textarea {
    border: none;
    width: 100%;
    height: 100%;
    -ms-flex-item-align: center;
        align-self: center; }
  .form-input-group textarea {
    padding: 10px; }
  .form-input-group select {
    border-right: 1px solid #b6b6ca;
    border-radius: 2px 0 0 2px; }
    .form-input-group select:last-child {
      border-right: 0; }
  .form-input-group .SingleDatePicker {
    width: 100%; }
  .form-input-group .SingleDatePickerInput__withBorder,
  .form-input-group .DateRangePickerInput__withBorder {
    width: 100%;
    border-color: transparent !important; }
  .form-input-group .form-input-fake {
    border: 0;
    padding: 0 0 0 22px; }
    .form-input-group .form-input-fake .sprite + * {
      margin-left: 13px; }

.form-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38px;
  vertical-align: top;
  border: 1px solid #b6b6ca; }
  .form-group ~ .form-group {
    margin-left: 5px; }
  .form-group.disabled, .form-group.is-disabled {
    position: relative;
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .form-group.disabled:after, .form-group.is-disabled:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      cursor: default; }
    .form-group.disabled .form-group-title, .form-group.is-disabled .form-group-title {
      background-color: #f8f8f8; }
  .form-group.error, .form-group.is-error {
    border-color: #ef4016; }
    .form-group.error .SingleDatePickerInput__withBorder, .form-group.is-error .SingleDatePickerInput__withBorder {
      border-color: #ef4016; }
  .form-group .form-group-title {
    display: inline-block;
    min-width: 70px;
    padding: 0 20px;
    white-space: nowrap;
    border-right: 1px solid #dfdfee; }
    .form-group .form-group-title.disabled {
      background-color: #f8f8f8; }
  .form-group .form-group-text {
    padding: 0 20px; }
  .form-group .form-input-fake {
    height: 36px;
    background-color: #f8f8f8;
    border: 0;
    padding: 0 0 0 22px; }
    .form-group .form-input-fake .sprite + * {
      margin-left: 13px; }
  .form-group select,
  .form-group .select2-selection__control {
    border-left: none !important; }
  .form-group .select2-selection__control {
    min-height: 36px;
    height: 36px;
    border-top: none;
    border-bottom: none; }
  .form-group .select2-selection__multi-value {
    margin-top: 0;
    margin-bottom: 0; }
  .form-group select:first-child,
  .form-group .select2-container:first-child {
    width: 200px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
  .form-group select:last-child .select2-selection__control,
  .form-group .select2-container:last-child .select2-selection__control {
    border-right: none !important; }
  .form-group .form-input input[type='text'] {
    border: none;
    width: 100%;
    height: 36px;
    min-height: 0; }
    .form-group .form-input input[type='text']:disabled {
      color: #999;
      background-color: #f8f8f8; }
  .form-group .SingleDatePickerInput__withBorder {
    height: 38px;
    border-color: #b6b6ca;
    border-left: 0;
    border-right: 0; }
    .disabled .form-group .SingleDatePickerInput__withBorder,
    .is-disabled .form-group .SingleDatePickerInput__withBorder {
      border-color: #e1e1e6; }
    .error .form-group .SingleDatePickerInput__withBorder,
    .is-error .form-group .SingleDatePickerInput__withBorder {
      border-color: #ef4016; }
  .form-group.set-time .select2-container:first-child {
    width: 90px; }

.form-timepicker .date-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #dfdfee; }
  .form-timepicker .date-time.error {
    border-color: #ef4016; }
  .form-timepicker .date-time > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 0; }
  .form-timepicker .date-time select,
  .form-timepicker .date-time .select2-selection__control {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    border: none; }
  .form-timepicker .date-time input[type='number'] {
    border: 0; }

.date-time-guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
  margin-bottom: 40px; }
  .date-time-guide > div {
    position: relative;
    display: inline-block;
    padding-left: 25px; }
    .date-time-guide > div:before {
      content: '';
      display: inline-block;
      position: absolute;
      left: 7px;
      top: 3px;
      bottom: 3px;
      width: 8px;
      border: 1px solid #dfdfee;
      border-right: 0;
      border-radius: 2px 0 0 2px; }
  .date-time-guide ul {
    display: inline-block;
    margin-bottom: 0; }
    .date-time-guide ul:before, .date-time-guide ul:after {
      content: '';
      display: inline-block;
      position: absolute; }
    .date-time-guide ul:before {
      left: 0;
      top: 50%;
      width: 16px;
      height: 16px;
      margin-top: -8px;
      border-radius: 50%; }
    .date-time-guide ul:after {
      left: 7px;
      top: 50%;
      margin-top: -5px;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -1025px -903px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 2px;
      min-width: 2px;
      height: 10px; }
    .date-time-guide ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      line-height: 1;
      margin-bottom: 18px; }
      .date-time-guide ul li span {
        min-width: 50px;
        text-align: left; }
      .date-time-guide ul li strong {
        padding-left: 5px; }
      .date-time-guide ul li:last-child {
        margin-bottom: 0; }
  .date-time-guide .status-consonance ul:before {
    background-color: #36952b; }
  .date-time-guide .status-consonance ul:after {
    left: 4px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1025px -533px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 8px;
    min-width: 8px;
    height: 6px; }
  .date-time-guide .status-consonance li:first-child strong {
    color: #36952b; }
  .date-time-guide .status-under ul:before {
    background-color: #f57f00; }
  .date-time-guide .status-under li:first-child strong {
    color: #f57f00; }
  .date-time-guide .status-exceed ul:before {
    background-color: #ed4026; }
  .date-time-guide .status-exceed li:first-child strong {
    color: #ed4026; }
  .date-time-guide + .notification-box {
    display: block;
    margin-bottom: 40px; }

.repeat-schedule > .form-checkbox + div:first-of-type {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #efeff6; }

.repeat-custom {
  margin-top: 15px; }
  .repeat-custom .text-prepend {
    padding: 0 10px 0 0;
    margin: 0;
    line-height: 36px;
    font-size: 13px;
    white-space: nowrap; }
  .repeat-custom .text-append {
    padding: 0 0 0 10px;
    margin: 0;
    line-height: 36px;
    font-size: 13px; }
  .repeat-custom .text-between {
    padding: 0 10px;
    margin: 0;
    line-height: 36px;
    font-size: 13px;
    white-space: nowrap; }
  .repeat-custom .inherit-width {
    min-width: 31px;
    margin-top: 4px; }
  .repeat-custom .flex-grow-1 .select2-container {
    width: 100%;
    min-width: 0; }
  .repeat-custom .form-radio {
    margin-right: 5px;
    line-height: 36px; }

.event-schedule {
  position: relative;
  width: 395px; }
  .box-border .event-schedule hr:first-child {
    display: block; }
  .event-schedule:first-of-type > .form-label {
    padding-top: 0; }
  .event-schedule + .event-schedule {
    margin-top: 25px; }
  .event-schedule .form-block {
    margin: 5px 0; }
  .event-schedule .btn-delete {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -10px;
    padding: 10px 20px; }
  .event-schedule-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 5px 0 5px 10px; }
    .event-schedule-item .title {
      min-width: 40px; }
      .event-schedule-item .title:after {
        content: ':'; }

.form-label {
  position: relative;
  display: inline-block;
  padding: 8px 0;
  word-break: break-word;
  line-height: 1.4; }
  .form-label.dot {
    position: relative;
    padding-left: 10px; }
    .form-label.dot:before {
      content: '';
      position: absolute;
      width: 3px;
      height: 3px;
      top: 16px;
      left: 0;
      background-color: #000; }
  hr + .form-label {
    padding-top: 0; }

.required {
  color: #ef4016;
  margin: 0 8px; }

.message-guide {
  margin-top: 10px; }
  .message-guide-box {
    position: relative;
    margin-top: 5px;
    padding: 10px 10px 10px 30px;
    color: #686868;
    background-color: #f8f8f8; }
    .message-guide-box .sprite {
      position: absolute;
      left: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .message-guide-border {
    margin-top: 15px; }
    .message-guide-border:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: -5px;
      width: 100%;
      height: 1px;
      background-color: #dfdfee; }

.progress {
  min-width: 450px;
  border-radius: 3px;
  background-color: #e2e2e2; }
  .progress-sm {
    height: 6px; }
  .progress-bar {
    height: 100%;
    border-radius: 3px; }

.tags-inputs {
  position: relative; }
  .tags-inputs.is-edit .tags {
    border-color: #2763ea; }
  .card-search .tags-inputs {
    border-left: 0;
    width: 100%; }
    .card-search .tags-inputs .input {
      width: 100%;
      height: 100%; }
  .tags-inputs.form-warning:before {
    top: initial;
    bottom: 44px; }
  .tags-inputs.form-error:after {
    top: initial;
    bottom: 44px; }
  .tags-inputs.form-error .tags {
    border-color: #ef4016; }
  .tags-inputs.form-error .form-message {
    padding: 6px 20px 10px;
    background-color: rgba(239, 64, 22, 0.7);
    color: #fff; }
  .tags-inputs + .form-message.warning {
    margin-top: 10px; }
  .tags-inputs .tags {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-width: 100%;
    padding: 3px 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #b6b6ca;
    background-color: #fff; }
  .tags-inputs .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2.5px;
    border: 1px solid #9c9cc1;
    border-radius: 2px;
    vertical-align: top;
    background-color: #f4f7fd; }
    .tags-inputs .tag span {
      padding: 2px 10px; }
      .tags-inputs .tag span:before {
        content: '#'; }
    .tags-inputs .tag button {
      min-width: 19px;
      background-color: #e5ecfa; }
      .tags-inputs .tag button .sprite {
        margin-top: -4px; }
  .tags-inputs .input {
    position: relative;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    margin-left: 5.5px;
    margin-top: 2.5px; }
    .tags-inputs .input .form-input {
      display: inline-block; }
      .tags-inputs .input .form-input > div:not(.form-message) {
        position: relative;
        padding: 2px 19px 0 15px;
        border: 1px solid transparent; }
      .tags-inputs .input .form-input:before {
        content: '#';
        position: absolute;
        left: 5px;
        top: 0;
        display: inline-block;
        padding-top: 3px;
        color: #999; }
      .tags-inputs .input .form-input textarea {
        margin: 0;
        height: 24px;
        min-height: 24px;
        border: 0;
        padding: 0;
        vertical-align: top;
        background-color: transparent;
        overflow-y: hidden; }
      .tags-inputs .input .form-input.form-error > div:not(.form-message) {
        border: 1px solid #ef4016;
        padding-left: 15px;
        padding-right: 40px;
        border-radius: 2px; }
      .tags-inputs .input .form-input.form-error:after {
        top: 7px;
        right: 24px; }
      .tags-inputs .input .form-input.form-error button {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 19px;
        background-color: #ffc1b1; }
        .tags-inputs .input .form-input.form-error button .sprite {
          margin-top: -4px; }
  .tags-inputs.tags-input-add-users .input .form-input:before {
    content: none; }
  .tags-inputs.tags-input-add-users .input .form-input > div:not(.form-message) {
    padding: 4px 0 0 4px; }
  .tags-inputs.tags-input-add-users .tags {
    padding: 15px; }
    .tags-inputs.tags-input-add-users .tags:hover, .tags-inputs.tags-input-add-users .tags:focus {
      border-color: #2763ea; }
  .tags-inputs.tags-input-add-users .tag {
    border-color: #cdcdd9;
    background-color: #fff; }
    .tags-inputs.tags-input-add-users .tag span:before {
      content: '';
      margin-right: 8px;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -380px -676px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 18px;
      min-width: 18px;
      height: 18px; }
    .tags-inputs.tags-input-add-users .tag button {
      background-color: #fff; }
  .tags-inputs.tags-input-add-users .btn-all-remove {
    position: absolute;
    right: 15px;
    top: 50%;
    height: 16px;
    margin-top: -8px; }
    .tags-inputs.tags-input-add-users .btn-all-remove .sprite {
      vertical-align: top; }
  .box-add-users {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding-right: 15px;
    border: 1px solid #b6b6ca;
    border-radius: 2px; }
    .box-add-users[disabled], .box-add-users.disabled {
      background-color: #f8f8f8;
      border-color: #dfdfee;
      pointer-events: none; }
      .box-add-users[disabled] .tags, .box-add-users.disabled .tags {
        background-color: #f8f8f8;
        pointer-events: none; }
    .box-add-users > .d-flex {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .box-add-users hr.inline {
      -ms-flex-item-align: stretch;
          align-self: stretch;
      min-height: 38px;
      height: auto;
      margin: 15px; }
    .box-add-users .btn-outline-default {
      margin-top: 15px; }
    .box-add-users .tags-input-add-users .tags {
      border: 0; }

.fake-input {
  position: absolute;
  left: -1000%;
  visibility: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: auto;
  height: 0;
  overflow: hidden; }

.tags-view .tags-inputs {
  border: 0;
  padding-right: 0; }
  .tags-view .tags-inputs .tag {
    border: 0; }
    .tags-view .tags-inputs .tag button {
      padding: 0;
      pointer-events: none; }
      .tags-view .tags-inputs .tag button .sprite {
        display: none; }
  .tags-view .tags-inputs .form-control {
    display: none; }

[data-tooltip] {
  position: relative; }
  [data-tooltip]:before, [data-tooltip]:after {
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: 4px;
    opacity: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 5;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    pointer-events: none; }
  [data-tooltip]:after {
    content: attr(data-tooltip);
    line-height: 28px;
    padding: 0 10px;
    color: #fff;
    background-color: #5186ff;
    font-size: 13px;
    border-radius: 2px;
    margin-top: 4px;
    word-break: keep-all;
    font-style: normal;
    letter-spacing: -0.5px; }
  [data-tooltip]:hover:before, [data-tooltip]:hover:after {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0); }
  [data-tooltip].tooltip-whitelist {
    margin-left: 8px; }
    [data-tooltip].tooltip-whitelist:after {
      min-width: 280px;
      white-space: pre; }

.btn-icon[data-tooltip]:after {
  min-width: 0; }

.sprite-info[data-tooltip]:before {
  content: '';
  border-bottom: 6px solid #11193f; }

.sprite-info[data-tooltip]:after {
  min-width: 160px;
  padding: 10px;
  line-height: 1.4;
  background-color: #11193f; }

.tooltip-guide {
  display: inline-block;
  position: relative;
  margin-left: 5px; }
  .tooltip-guide .tooltip-content {
    width: 310px; }
  .tooltip-guide.active .tooltip {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    pointer-events: auto; }
  .tooltip-guide.tooltip-guide-select-files {
    margin-top: -4px; }
    .tooltip-guide.tooltip-guide-select-files .tooltip {
      -webkit-transform: translateX(-50px);
          -ms-transform: translateX(-50px);
              transform: translateX(-50px); }
      .tooltip-guide.tooltip-guide-select-files .tooltip-content {
        width: 542px; }
        .tooltip-guide.tooltip-guide-select-files .tooltip-content:after {
          left: 53px; }
    .tooltip-guide.tooltip-guide-select-files.active .tooltip {
      opacity: 1;
      -webkit-transform: translateX(-50px) translateY(0);
          -ms-transform: translateX(-50px) translateY(0);
              transform: translateX(-50px) translateY(0); }
  .tooltip-guide.tooltip-guide-purge-history .tooltip, .tooltip-guide.tooltip-guide-whitelist .tooltip {
    -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
            transform: translateX(-50px); }
    .tooltip-guide.tooltip-guide-purge-history .tooltip-content, .tooltip-guide.tooltip-guide-whitelist .tooltip-content {
      width: 310px; }
      .tooltip-guide.tooltip-guide-purge-history .tooltip-content:after, .tooltip-guide.tooltip-guide-whitelist .tooltip-content:after {
        left: 54px; }
  .tooltip-guide.tooltip-guide-purge-history.active .tooltip, .tooltip-guide.tooltip-guide-whitelist.active .tooltip {
    -webkit-transform: translateX(-50px) translateY(0);
        -ms-transform: translateX(-50px) translateY(0);
            transform: translateX(-50px) translateY(0); }
  .tooltip-guide.tooltip-guide-file-source .tooltip {
    -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
            transform: translateX(-50px); }
    .tooltip-guide.tooltip-guide-file-source .tooltip-content {
      width: 310px; }
      .tooltip-guide.tooltip-guide-file-source .tooltip-content:after {
        left: 54px; }
  .tooltip-guide.tooltip-guide-file-source.active .tooltip {
    -webkit-transform: translateX(-50px) translateY(0);
        -ms-transform: translateX(-50px) translateY(0);
            transform: translateX(-50px) translateY(0); }
  .tooltip-guide.tooltip-guide-schedule .tooltip {
    -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
            transform: translateX(-50px); }
    .tooltip-guide.tooltip-guide-schedule .tooltip-content {
      width: 340px; }
      .tooltip-guide.tooltip-guide-schedule .tooltip-content:after {
        left: 54px; }
  .tooltip-guide.tooltip-guide-schedule.active .tooltip {
    -webkit-transform: translateX(-50px) translateY(0);
        -ms-transform: translateX(-50px) translateY(0);
            transform: translateX(-50px) translateY(0); }
  .tooltip-guide.tooltip-guide-owner {
    vertical-align: middle; }
    .table tr:last-child .tooltip-guide.tooltip-guide-owner .tooltip {
      -webkit-transform: translateX(-50px) translateY(-130%);
          -ms-transform: translateX(-50px) translateY(-130%);
              transform: translateX(-50px) translateY(-130%); }
      .table tr:last-child .tooltip-guide.tooltip-guide-owner .tooltip-content:after {
        left: 53px;
        bottom: 0;
        margin: 0;
        top: inherit;
        -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
                transform: rotate(135deg);
        margin-bottom: -5px; }
    .property-panel .tooltip-guide.tooltip-guide-owner .tooltip {
      -webkit-transform: translateX(-100px) !important;
          -ms-transform: translateX(-100px) !important;
              transform: translateX(-100px) !important; }
      .property-panel .tooltip-guide.tooltip-guide-owner .tooltip-content:after {
        left: 103px; }
      .property-panel .tooltip-guide.tooltip-guide-owner .tooltip-content .tooltip-body {
        padding: 13px 0; }
      .property-panel .tooltip-guide.tooltip-guide-owner .tooltip-content .list-dot .dot {
        display: block; }
    .list-overview .tooltip-guide.tooltip-guide-owner {
      vertical-align: 2px; }
    .tooltip-guide.tooltip-guide-owner .sprite {
      margin-top: 0 !important; }
    .tooltip-guide.tooltip-guide-owner .tooltip {
      -webkit-transform: translateX(-50px);
          -ms-transform: translateX(-50px);
              transform: translateX(-50px); }
      .tooltip-guide.tooltip-guide-owner .tooltip-content {
        min-width: 100px;
        max-width: 220px;
        width: auto;
        white-space: nowrap;
        padding: 0 20px; }
        .tooltip-guide.tooltip-guide-owner .tooltip-content:after {
          left: 53px; }
        .tooltip-guide.tooltip-guide-owner .tooltip-content .tooltip-body {
          padding: 15px 0;
          font-size: 13px; }
          .tooltip-guide.tooltip-guide-owner .tooltip-content .tooltip-body .list-dot .dot:before {
            top: 5px; }
        .tooltip-guide.tooltip-guide-owner .tooltip-content .loading-inline-light {
          min-height: 15px; }
          .tooltip-guide.tooltip-guide-owner .tooltip-content .loading-inline-light:after {
            left: 0; }
    .tooltip-guide.tooltip-guide-owner.active .tooltip {
      opacity: 1;
      -webkit-transform: translateX(-50px) translateY(0);
          -ms-transform: translateX(-50px) translateY(0);
              transform: translateX(-50px) translateY(0); }
  .tooltip-guide.tooltip-guide-name {
    margin-top: -4px; }
    .tooltip-guide.tooltip-guide-name .tooltip {
      -webkit-transform: translateX(-50px);
          -ms-transform: translateX(-50px);
              transform: translateX(-50px); }
      .tooltip-guide.tooltip-guide-name .tooltip-content {
        width: 320px; }
        .tooltip-guide.tooltip-guide-name .tooltip-content:after {
          left: 45px; }
    .tooltip-guide.tooltip-guide-name.active .tooltip {
      opacity: 1;
      -webkit-transform: translateX(-50px) translateY(0);
          -ms-transform: translateX(-50px) translateY(0);
              transform: translateX(-50px) translateY(0); }
  .tooltip-guide.tooltip-guide-project-name .tooltip {
    -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
            transform: translateX(-50px); }
    .tooltip-guide.tooltip-guide-project-name .tooltip-content {
      width: 320px; }
      .tooltip-guide.tooltip-guide-project-name .tooltip-content:after {
        left: 53px; }
  .tooltip-guide.tooltip-guide-project-name.active .tooltip {
    opacity: 1;
    -webkit-transform: translateX(-50px) translateY(0);
        -ms-transform: translateX(-50px) translateY(0);
            transform: translateX(-50px) translateY(0); }
  .tooltip-guide.tooltip-guide-password .tooltip {
    -webkit-transform: translateX(-17px);
        -ms-transform: translateX(-17px);
            transform: translateX(-17px); }
  .tooltip-guide.tooltip-guide-password .sprite-info:hover + .tooltip {
    opacity: 1;
    -webkit-transform: translateX(-17px) translateY(0);
        -ms-transform: translateX(-17px) translateY(0);
            transform: translateX(-17px) translateY(0); }
    .tooltip-guide.tooltip-guide-password .sprite-info:hover + .tooltip-content {
      width: 542px; }
      .tooltip-guide.tooltip-guide-password .sprite-info:hover + .tooltip-content:after {
        left: 53px; }
  .tooltip-guide .tooltip {
    position: absolute;
    display: block;
    opacity: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 5;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    pointer-events: none; }
    .tooltip-guide .tooltip-content {
      position: relative;
      margin-top: 5px;
      padding: 20px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
      border: solid 1px #11193f;
      background-color: #fff; }
    .tooltip-guide .tooltip-header {
      position: relative;
      padding: 0 0 15px;
      border-bottom: 1px solid #dfdfee; }
      .tooltip-guide .tooltip-header .title {
        margin: 0;
        font-size: 14px; }
      .tooltip-guide .tooltip-header .close {
        position: absolute;
        right: 0;
        top: 0; }
    .tooltip-guide .tooltip-body {
      padding: 20px 0; }
      .tooltip-guide .tooltip-body strong + .list-dot {
        margin-top: 10px; }
      .tooltip-guide .tooltip-body .list-dot ~ strong {
        display: block;
        margin-top: 20px; }
      .tooltip-guide .tooltip-body .list-dot p + div {
        margin-top: 10px; }

.tooltip-failover,
.tooltip-repeat {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .tooltip-failover .tooltip,
  .tooltip-repeat .tooltip {
    position: absolute;
    opacity: 0;
    min-width: 250px;
    line-height: 28px;
    padding: 5px 10px 10px;
    color: #fff;
    background-color: #5186ff;
    font-size: 13px;
    border-radius: 2px;
    margin-top: 10px;
    word-break: keep-all;
    font-style: normal;
    z-index: 1000;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    pointer-events: none; }
    .tooltip-failover .tooltip:before,
    .tooltip-repeat .tooltip:before {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      bottom: 100%;
      margin-top: 4px;
      pointer-events: none;
      border-bottom: 6px solid #5186ff;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent; }
    .tooltip-failover .tooltip ul,
    .tooltip-repeat .tooltip ul {
      position: relative;
      list-style: none;
      margin: 0;
      padding: 0 0 0 10px; }
      .tooltip-failover .tooltip ul:before,
      .tooltip-repeat .tooltip ul:before {
        content: '';
        position: absolute;
        left: 0;
        top: 10px;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 2px 0 2px 4px;
        border-color: transparent transparent transparent #fff; }
  .tooltip-failover:hover .tooltip,
  .tooltip-repeat:hover .tooltip {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0); }

.tooltip-sync .tooltip {
  padding: 5px 10px 10px;
  color: #fff;
  background-color: #5186ff;
  font-size: 13px;
  border-radius: 2px;
  margin-top: 10px;
  word-break: keep-all;
  font-style: normal;
  z-index: 1000;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  pointer-events: none; }
  .tooltip-sync .tooltip ul {
    list-style: none;
    margin: 5px 0 0 0; }
    .tooltip-sync .tooltip ul li {
      position: relative;
      padding: 0 0 0 10px; }
      .tooltip-sync .tooltip ul li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 7px;
        display: inline-block;
        width: 3px;
        height: 3px;
        background-color: #fff; }

.tooltip-always-open .tooltip {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 320px;
  margin: 0 10px;
  padding: 10px 30px 10px 10px;
  color: #fff;
  background-color: rgba(17, 25, 63, 0.9);
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
  .tooltip-always-open .tooltip button {
    position: absolute;
    right: 10px;
    top: 10px; }
  .tooltip-always-open .tooltip p {
    word-break: keep-all; }

.message-error-tooltip[data-tooltip] {
  display: inline-block;
  margin: 0 8px;
  vertical-align: top;
  white-space: normal;
  text-align: left;
  text-transform: none; }
  .message-error-tooltip[data-tooltip] .sprite {
    margin-top: -2px; }
  .message-error-tooltip[data-tooltip]:after {
    min-width: 220px;
    padding: 5px 10px;
    line-height: 1.4; }
  .table .message-error-tooltip[data-tooltip] {
    display: inline-block;
    margin: -1px 0 0 5px;
    overflow: visible; }
    .table .message-error-tooltip[data-tooltip]:after {
      left: -25px;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
  .table tr:only-child .message-error-tooltip[data-tooltip]:before,
  .table tr:last-child .message-error-tooltip[data-tooltip]:before {
    top: inherit;
    bottom: 100%;
    border-top: 6px solid #5186ff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: none; }
  .table tr:only-child .message-error-tooltip[data-tooltip]:after,
  .table tr:last-child .message-error-tooltip[data-tooltip]:after {
    top: inherit;
    bottom: 100%;
    margin-bottom: 5px; }

#simple-popper {
  z-index: 15; }
  #simple-popper:last-child {
    z-index: 1001; }

.tooltip-small {
  max-width: 280px;
  padding: 5px 10px;
  color: #fff;
  background-color: #5186ff;
  font-size: 13px;
  border-radius: 2px;
  margin-top: 4px;
  word-break: keep-all;
  font-style: normal; }

.popper-tooltip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle; }
  .popper-tooltip .btn-icon-solid {
    margin-left: 5px;
    margin-top: -2px; }
  .popper-tooltip-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dfdfee; }
  .popper-tooltip-content {
    position: relative;
    margin-top: 5px;
    padding: 20px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #11193f;
    background-color: #fff;
    min-width: 200px;
    max-width: 320px;
    min-height: 65px; }
    .popper-tooltip-content .list-dot {
      overflow-y: auto;
      margin-right: -20px;
      padding-right: 14px;
      max-height: 155px;
      margin-right: -10px;
      overflow-y: auto; }
      .popper-tooltip-content .list-dot::-webkit-scrollbar {
        width: 14px;
        height: 20px;
        margin: 10px; }
      .popper-tooltip-content .list-dot::-webkit-scrollbar-track {
        background: transparent; }
      .popper-tooltip-content .list-dot::-webkit-scrollbar-thumb {
        background: rgba(17, 25, 63, 0.15);
        border-radius: 10px;
        background-clip: padding-box;
        border: 4px solid transparent; }
      .popper-tooltip-content .list-dot li:first-child > div {
        margin-top: 10px; }
  .popper-tooltip-footer {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid rgba(223, 223, 238, 0.5); }
  .popper-tooltip-content-guide {
    width: 480px;
    max-width: none;
    min-height: 0; }
    .popper-tooltip-content-guide .list-dot {
      overflow: visible;
      max-height: none;
      margin: 0;
      font-size: 12px; }
      .popper-tooltip-content-guide .list-dot li > div {
        margin-left: 10px; }
        .popper-tooltip-content-guide .list-dot li > div > div + div {
          margin-top: 20px; }
      .popper-tooltip-content-guide .list-dot li .ex {
        margin: 20px 0; }
        .popper-tooltip-content-guide .list-dot li .ex div:first-child {
          margin-right: 5px; }
      .popper-tooltip-content-guide .list-dot li .indent {
        margin-left: 10px; }
  .popper-tooltip-content-list {
    min-width: 262px;
    padding: 16px; }
    .popper-tooltip-content-list .popper-tooltip-body {
      max-height: 190px;
      overflow-y: auto;
      overflow-x: hidden; }
      .popper-tooltip-content-list .popper-tooltip-body::-webkit-scrollbar-track {
        background: transparent; }
    .popper-tooltip-content-list .list-user li {
      padding: 5px 0;
      font-size: 13px;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }
      .popper-tooltip-content-list .list-user li .sprite:first-child {
        margin-right: 5px;
        vertical-align: -4px; }
      .popper-tooltip-content-list .list-user li span {
        margin-left: 5px; }
    .popper-tooltip-content-list .list-user.half li {
      width: 50%;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .popper-tooltip-content-list .list-user.half li span {
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis; }

.status-text {
  position: relative;
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .status-text + .status-text {
    margin-left: 10px; }
  .table .status-text {
    white-space: nowrap; }
  .status-text .sprite,
  .status-text .text {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase; }
  .status-text .MzcCpIcon-root {
    margin-right: 8px; }
  .status-text-service .text, .status-text-active .text, .status-text-complete .text, .status-text-running .text, .status-text-approved .text, .status-text-published .text {
    color: #2e9812; }
  .status-text-replica .text {
    color: #1aa5d2; }
  .status-text-activating .text, .status-text-progressing .text, .status-text-stopping .text, .status-text-approval .text, .status-text-approval-in .text, .status-text-submitted .text, .status-text-publishing .text {
    color: #2763ea; }
  .status-text-inactivating .text, .status-text-ready .text, .status-text-preparing .text, .status-text-ingested .text, .status-text-ingesting .text, .status-text-uploading .text, .status-text-starting .text, .status-text-return .text, .status-text-return-in .text, .status-text-lock .text, .status-text-reclaiming .text {
    color: #f57f00; }
  .status-text-failed .text, .status-text-reject .text, .status-text-rejected .text, .status-text-reclaim .text, .status-text-reclaim-in .text, .status-text-unknown .text, .status-text-error .text {
    color: #ef4016; }
  .status-text-draft .text, .status-text-inactive .text, .status-text-stop .text, .status-text-reclaimed .text {
    color: #7182a6; }
  .status-text-pending .text, .status-text-deleted .text, .status-text-publish-ready .text {
    color: #000; }
  .status-text-rejected .sprite-reject, .status-text-rejected .sprite-reclaim, .status-text-reclaim .sprite-reject, .status-text-reclaim .sprite-reclaim {
    display: none; }
  .status-text-default .sprite, .status-text-returned .sprite {
    display: none; }
  .status-text-default .text, .status-text-returned .text {
    color: #000; }
  .status-text-cancel .text, .status-text-canceled .text {
    color: #686868; }
  .status-text-share .sprite {
    margin-top: 0; }
  .status-text-share .text {
    margin-left: 4px; }
  .status-text .tooltip {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 255px;
    margin-top: 5px;
    padding: 15px;
    border-radius: 2px;
    color: #fff;
    background-color: #11193f;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    pointer-events: none;
    opacity: 0;
    z-index: 1; }
    .status-text .tooltip:before {
      content: '';
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-left: -5px;
      border-bottom: 6px solid #11193f;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent; }
    .status-text .tooltip > div {
      font-size: 13px; }
      .status-text .tooltip > div .title {
        margin-bottom: 10px;
        font-size: 14px; }
  .status-text:hover .tooltip, .status-text:active .tooltip, .status-text:focus .tooltip {
    opacity: 1; }
  .status-text.status-simple .sprite {
    display: none; }

.status-flag {
  display: inline-block; }
  .status-flag .text {
    color: #fff;
    font-weight: bold; }
  .status-flag .status-text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 95px;
    height: 22px;
    padding: 0 10px 0 8px;
    line-height: 18px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #acb6ca; }
    .status-flag .status-text-active, .status-flag .status-text-complete, .status-flag .status-text-running, .status-flag .status-text-approved {
      background-color: #2e9812; }
    .status-flag .status-text-progressing, .status-flag .status-text-stopping, .status-flag .status-text-approval, .status-flag .status-text-approval-in, .status-flag .status-text-submitted {
      background-color: #2763ea; }
    .status-flag .status-text-ingested, .status-flag .status-text-ingesting, .status-flag .status-text-uploading, .status-flag .status-text-starting, .status-flag .status-text-return, .status-flag .status-text-return-in {
      background-color: #f57f00; }
    .status-flag .status-text-reject, .status-flag .status-text-rejected, .status-flag .status-text-reclaim, .status-flag .status-text-reclaim-in, .status-flag .status-text-unknown, .status-flag .status-text-error {
      background-color: #ef4016; }
    .status-flag .status-text-inactive, .status-flag .status-text-stop {
      background-color: #7182a6; }
    .status-flag .status-text-ready .sprite, .status-flag .status-text-progressing .sprite, .status-flag .status-text-ingesting .sprite, .status-flag .status-text-submitted .sprite, .status-flag .status-text-approval-in .sprite, .status-flag .status-text-return-in .sprite, .status-flag .status-text-reclaim-in .sprite {
      display: none; }
    .status-flag .status-text-rejected .sprite, .status-flag .status-text-reclaim .sprite, .status-flag .status-text-returned .sprite {
      display: inline-block; }
    .status-flag .status-text-rejected:hover .sprite-reject, .status-flag .status-text-reclaim:hover .sprite-reject, .status-flag .status-text-returned:hover .sprite-reject {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -886px -756px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 16px;
      min-width: 16px;
      height: 16px; }
    .status-flag .status-text-rejected:hover .sprite-reclaim, .status-flag .status-text-reclaim:hover .sprite-reclaim, .status-flag .status-text-returned:hover .sprite-reclaim {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -886px -648px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 16px;
      min-width: 16px;
      height: 16px; }
    .status-flag .status-text-canceled .sprite-canceled {
      margin-top: 2px;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -1025px -506px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 7px;
      min-width: 7px;
      height: 7px; }

.archive-status > span {
  margin-left: 8px; }

.archive-status-archiving p, .archive-status-restoring p {
  position: relative;
  display: inline-block;
  margin-left: 6px;
  padding: 2px 10px;
  border-radius: 2px;
  color: #fff;
  vertical-align: middle; }
  .archive-status-archiving p:before, .archive-status-restoring p:before {
    content: '';
    position: absolute;
    left: -3px;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -6px;
    border-style: solid;
    border-width: 5.5px 6px 5.5px 0; }

.archive-status-archiving p {
  background-color: #f57f00; }
  .archive-status-archiving p:before {
    border-color: transparent #f57f00 transparent transparent; }

.archive-status-restoring p {
  background-color: #2763ea; }
  .archive-status-restoring p:before {
    border-color: transparent #2763ea transparent transparent; }

.status-channel-approval:hover .sprite-reclaim {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -648px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.status-channel-approval:hover .sprite-reject {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -886px -756px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.status-channel-approval:hover .sprite-return {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -180px -857px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.status-channel-approval:hover .sprite-approval {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -777px -621px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 16px;
  min-width: 16px;
  height: 16px; }

.status-channel-approval .sprite {
  margin-right: 6px; }

.change-state {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  padding: 10px 20px 11px;
  border-radius: 19px; }
  .change-state.state-saved {
    color: #2e9812;
    background-color: rgba(46, 152, 18, 0.05); }

.flag-format {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 60px;
  height: 17px;
  padding: 0 10px;
  line-height: 17px;
  font-size: 12px;
  color: #fff !important;
  text-align: center;
  border-radius: 2px;
  background-color: #ccc;
  font-weight: 700;
  text-transform: uppercase; }

.dropify-wrapper {
  overflow: visible;
  height: 100%;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  text-align: left;
  background-color: transparent;
  cursor: default;
  position: relative; }
  .tree .dropify-wrapper {
    position: static !important; }
  .dropify-wrapper:hover {
    background-image: none; }
  .dropify-wrapper.is-active-dropdown {
    z-index: 2; }
  .dropify-wrapper.dropify-wrapper-card {
    margin-top: 10px; }
    .dropify-wrapper.dropify-wrapper-card .dropzone {
      padding: 0; }
    .dropify-wrapper.dropify-wrapper-card .card {
      margin: 0; }
    .dropify-wrapper.dropify-wrapper-card .drag-active {
      bottom: 130px; }
  .dropify-wrapper:not(.mother) .dropzone.active .folder-dropzone .form-checkbox i {
    background-color: #e1eaff; }
  .dropify-wrapper:not(.mother) .dropzone.active .folder-dropzone .list-content .sprite {
    opacity: .5; }
  .dropify-wrapper:not(.mother) .dropzone.active .folder-dropzone .list-content a {
    color: #5f8cf2; }
  .dropify-wrapper:not(.mother) .dropzone.active .folder-dropzone .btn-dropdown-trigger {
    background-color: #dde6fb; }
  .dropify-wrapper.mother > .dropzone.active:before {
    content: none !important; }
  .dropify-wrapper .dropzone {
    height: auto;
    padding: 30px;
    border: none; }
    .row-column .dropify-wrapper .dropzone {
      height: 100%; }
      .row-column .dropify-wrapper .dropzone .dropify-message {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    .tree .dropify-wrapper .dropzone {
      padding: 0; }
      .tree .dropify-wrapper .dropzone.active:before {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0; }
      .tree .dropify-wrapper .dropzone.active-disabled:before {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0; }
    .dropify-wrapper .dropzone.dragging {
      z-index: 2; }
    .dropify-wrapper .dropzone.folder-dropzone {
      position: relative;
      z-index: 1; }
    .card-body .dropify-wrapper .dropzone {
      padding: 0; }
    .dropify-wrapper .dropzone.active:before {
      content: '';
      display: block;
      position: absolute;
      left: 10px;
      top: 10px;
      right: 10px;
      bottom: 10px;
      background-color: rgba(180, 203, 255, 0.4);
      border: 1px dashed #9c9cc1;
      border-radius: 5px;
      z-index: 1; }
    .dropify-wrapper .dropzone.active-disabled {
      cursor: no-drop;
      cursor: not-allowed; }
      .dropify-wrapper .dropzone.active-disabled:before {
        content: '';
        display: block;
        position: absolute;
        left: 10px;
        top: 10px;
        right: 10px;
        bottom: 10px;
        border-radius: 5px;
        z-index: 1;
        border: 1px dashed #9c9cc1;
        background-color: rgba(242, 242, 242, 0.4); }
    .dropify-wrapper .dropzone .profile-start .btns {
      margin-right: 0; }
  .dropify-wrapper .drag-wrap {
    max-width: 370px;
    margin: 0 auto; }
  .dropify-wrapper .drag-active {
    position: fixed;
    bottom: 25px;
    z-index: 4;
    min-width: 370px;
    padding: 20px 0 10px;
    text-align: center;
    color: #e8eef9;
    background-color: #11193f;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
    -webkit-animation: toTop .5s;
            animation: toTop .5s; }
    .tree .drag-active {
      min-width: 250px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      -webkit-animation: none;
              animation: none;
      font: 0/0 a;
      top: 0;
      bottom: 0;
      background-color: transparent;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .tree .drag-active .sprite {
        -webkit-animation: none;
                animation: none;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); }
    .dropify-wrapper .drag-active p {
      margin-top: 10px;
      margin-bottom: 0; }
    .dropify-wrapper .drag-active i {
      -webkit-animation: bounce .5s infinite alternate;
              animation: bounce .5s infinite alternate; }

@-webkit-keyframes toTop {
  0% {
    opacity: 0;
    bottom: -25px; }
  100% {
    opacity: 1;
    bottom: 25px; } }

@keyframes toTop {
  0% {
    opacity: 0;
    bottom: -25px; }
  100% {
    opacity: 1;
    bottom: 25px; } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }
  100% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); } }

@keyframes bounce {
  0% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }
  100% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); } }
  .dropify-wrapper input {
    z-index: auto; }
  .dropify-wrapper input[type="text"] {
    cursor: text; }
  .dropify-wrapper input::-webkit-input-placeholder, .dropify-wrapper textarea::-webkit-input-placeholder {
    color: #999; }
  .dropify-wrapper input::-moz-placeholder, .dropify-wrapper textarea::-moz-placeholder {
    color: #999; }
  .dropify-wrapper input:-ms-input-placeholder, .dropify-wrapper textarea:-ms-input-placeholder {
    color: #999; }
  .dropify-wrapper input::-ms-input-placeholder, .dropify-wrapper textarea::-ms-input-placeholder {
    color: #999; }
  .dropify-wrapper input::placeholder,
  .dropify-wrapper textarea::placeholder {
    color: #999; }
  .dropify-wrapper .select2-selection__placeholder {
    color: #999;
    padding-left: 10px; }
  .dropify-wrapper .file-icon:before {
    color: #1e389a !important;
    font-size: 60px !important;
    opacity: 0.1; }
  .dropify-wrapper .card {
    margin: 0 1.5rem 1.5rem;
    text-align: left; }
  .dropify-wrapper .dropify-message {
    position: static;
    top: 0;
    margin: 0 0 30px;
    padding: 30px 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    color: #000;
    font-size: 14px;
    text-align: center;
    border: 1px dashed #9c9cc1;
    border-radius: 5px;
    background-color: #f4f7fd; }
    .dropify-wrapper .dropify-message p {
      margin: 5px 0 0;
      font-weight: bold; }
    .dropify-wrapper .dropify-message > span {
      display: block;
      margin-bottom: 5px;
      text-align: center;
      color: #999; }

.dropify-box {
  margin: 0 0 20px; }
  .dropify-box-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #000; }
    .dropify-box-header h6 {
      margin: 0;
      font-size: 14px; }
    .dropify-box-header .order-change .btn.btn-icon {
      width: 30px;
      height: 30px;
      border-radius: 3px;
      border: 1px solid #cdcdd9; }
  .dropify-box-body:after {
    content: '';
    clear: both;
    display: block;
    width: 100%; }
  .dropify-box-body.border {
    padding: 10px 0 30px;
    border-radius: 2px; }
  .dropify-box-body dl {
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
    padding: 0; }
    .dropify-box-body dl.tags {
      margin-bottom: 0; }
      .dropify-box-body dl.tags .form-group {
        margin-bottom: 0; }
      .dropify-box-body dl.tags .col-5 {
        padding-right: 1px; }
      .dropify-box-body dl.tags .col-6 {
        padding-left: 1px;
        padding-right: 1px; }
      .dropify-box-body dl.tags .col-1 {
        padding-left: 1px; }
      .dropify-box-body dl.tags .warning-message {
        display: block;
        margin-bottom: 10px;
        padding-top: 5px;
        border-top: 1px solid #e8eef9; }
    .dropify-box-body dl dt {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 20%;
              flex: 0 1 20%;
      min-width: 20%;
      padding-left: 30px;
      font-size: 14px;
      color: #000;
      line-height: 38px; }
    .dropify-box-body dl dd {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      padding-right: 30px;
      margin-bottom: 0; }
      .dropify-box-body dl dd .select2-container {
        width: auto; }
  .dropify-box-body .textarea {
    min-height: 88px; }
  .dropify-box-body .btn-add-metadata {
    float: right;
    margin-right: 30px; }

.dropify-multi-box {
  margin-top: 20px; }
  .dropify-multi-box > .dropify-box > .dropify-box-body {
    border: 1px solid #b6b6ca;
    border-radius: 2px; }
  .dropify-multi-box > .dropify-box .box-scroll {
    max-height: 280px;
    overflow-y: auto; }
  .dropify-multi-box .file-type {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24px;
    max-width: 24px;
    height: 24px;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
    margin: 0 !important; }
    .dropify-multi-box .file-type.file-desktop {
      background-color: #7182a6; }
    .dropify-multi-box .file-type.file-s3 {
      background-color: #11193f; }
    .dropify-multi-box .file-type.file-remote {
      background-color: #245ce2; }
    .dropify-multi-box .file-type + .file-type {
      width: 30px;
      max-width: 30px; }
  .dropify-multi-box .file-nm {
    min-width: 1%;
    display: block;
    display: grid; }
    .dropify-multi-box .file-nm span {
      display: block;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      overflow: hidden;
      color: #000; }
  .dropify-multi-box .file-size {
    margin-left: 4px;
    color: #6686c6;
    white-space: nowrap; }
  .dropify-multi-box .base-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .dropify-multi-box .base-file > div {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .dropify-multi-box .base-file button i {
      font: 0/0 a; }
  .dropify-multi-box .list-files li {
    background-color: #fff; }
  .dropify-multi-box .list-files .file label {
    display: block;
    width: 100%;
    margin: 0; }
  .dropify-multi-box .list-files .file input {
    position: absolute;
    left: 0;
    top: 0; }
  .dropify-multi-box .file-list li .file {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 36px; }
  .dropify-multi-box .file-list li > div {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .dropify-multi-box .file-list li .btn-default {
    left: 25px;
    padding: 0 10px;
    z-index: 1; }
    .dropify-multi-box .file-list li .btn-default:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      width: 1px;
      height: 24px;
      margin-top: -12px;
      background-color: #b6b6ca; }

.dropify-btns {
  text-align: right;
  margin-bottom: 30px; }

.dropify-box-body .dropify-wrapper:last-child .dropify-base-wrapper {
  border-bottom: none; }

.dropify-list-header .item > div {
  position: relative;
  padding: 10px 15px;
  white-space: nowrap;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  background-color: #fcfcfc;
  border-top: 1px solid #dfdfee;
  border-left: 1px solid #f2f2f7;
  border-bottom: 1px solid #dfdfee; }

.dropify-list-body {
  position: relative; }
  .dropify-list-body .item,
  .dropify-list-body .item .dropzone {
    border-bottom: 1px solid #dfdfee; }
    .dropify-list-body .item > div,
    .dropify-list-body .item .dropzone > div {
      padding: 10px 15px;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; }
    .dropify-list-body .item.active:before,
    .dropify-list-body .item .dropzone.active:before {
      left: -1px;
      top: -1px;
      right: -1px;
      bottom: -1px; }

.dropify-list .item,
.dropify-list .item .dropzone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
  .dropify-list .item > div,
  .dropify-list .item .dropzone > div {
    min-width: 155px;
    min-height: 39px;
    border-left: 1px solid #f2f2f7; }
    .dropify-list .item > div.object,
    .dropify-list .item .dropzone > div.object {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-item-align: start;
          align-self: start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .dropify-list .item > div.object .type,
      .dropify-list .item .dropzone > div.object .type {
        margin-right: 8px; }
      .dropify-list .item > div.object .name button,
      .dropify-list .item .dropzone > div.object .name button {
        text-align: left; }
        .dropify-list .item > div.object .name button:hover,
        .dropify-list .item .dropzone > div.object .name button:hover {
          color: #2763ea; }
      .dropify-list .item > div.object .name span,
      .dropify-list .item .dropzone > div.object .name span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        -webkit-box-orient: vertical; }
  .dropify-list .item .form-checkbox,
  .dropify-list .item .dropzone .form-checkbox {
    display: block;
    height: 18px; }
  .dropify-list .item .check,
  .dropify-list .item .dropzone .check {
    min-width: 0;
    padding-right: 0;
    border-left: none; }
    .dropify-list .item .check + div,
    .dropify-list .item .dropzone .check + div {
      border-left: none; }

.dropify-empty {
  width: 100%;
  padding: 30px 0;
  text-align: center;
  border-bottom: 1px solid #dfdfee; }
  .dropify-empty p ~ p {
    margin-top: 5px; }
  .dropify-empty .sprite {
    margin-bottom: 10px; }

.dropify-base-wrapper {
  padding: 12px 20px;
  border-bottom: 1px solid #dfdfee; }
  .dropify-base-wrapper:hover {
    background-color: #f8f8f8; }
  .dropify-base-wrapper .dropify-box {
    margin: 20px 0; }
    .dropify-base-wrapper .dropify-box .dropify-box-body {
      border: 1px solid #dfdfee; }

.dropify-wrapper table + .table {
  margin-top: -1px; }

.dropify-wrapper + .table colgroup + tbody tr:first-child td {
  border-top: none; }

.dropify-wrapper .dropzone > .table colgroup + tbody tr:first-child td {
  border-top: none; }

.upload {
  padding-bottom: 30px; }
  .upload-header {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold; }
  .upload-footer {
    padding-top: 10px;
    text-align: right; }

.progress-banner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  background-color: #11193f;
  color: #fff;
  font-size: 13px;
  -webkit-transition: height 0.34s cubic-bezier(0.28, 0.4, 0.13, 1.01);
  -o-transition: height 0.34s cubic-bezier(0.28, 0.4, 0.13, 1.01);
  transition: height 0.34s cubic-bezier(0.28, 0.4, 0.13, 1.01); }
  .progress-banner.is-show {
    height: auto; }
  .progress-banner .upload-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-height: 178px;
    overflow-y: auto;
    margin: 10px;
    padding-left: 10px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .progress-banner .btn-folding {
    padding: 0 10px 0 0; }
    .progress-banner .btn-folding.active .sprite {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  .progress-banner .file-wrap {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
    .progress-banner .file-wrap::-webkit-scrollbar {
      width: 6px;
      height: 20px;
      margin: 10px; }
    .progress-banner .file-wrap::-webkit-scrollbar-track {
      background: transparent; }
    .progress-banner .file-wrap::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.3);
      border-radius: 10px; }
  .progress-banner .file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .progress-banner .file-info {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-width: 40%;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      overflow: hidden; }
    .progress-banner .file-name {
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }
    .progress-banner .file-size {
      white-space: nowrap; }
      .progress-banner .file-size small {
        font-size: 13px; }
    .progress-banner .file-status {
      padding-left: 50px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .progress-banner .file-status .progress {
        min-width: 200px;
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
    .progress-banner .file .btn-delete {
      padding: 0 15px; }

.upload-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .column-fixed .upload-logo:hover:before {
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    background-color: #f4f7fe; }
  .column-fixed .upload-logo:hover .btn-edit {
    opacity: 1; }
  .box-border.is-edit .upload-logo:hover:before {
    content: none; }
  .upload-logo .logo {
    position: relative;
    width: 82px;
    height: 82px;
    line-height: 82px;
    margin-right: 20px; }
    .upload-logo .logo img {
      display: block;
      width: 82px;
      height: 82px;
      line-height: 82px;
      border-radius: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .upload-logo .logo.squared img {
      border-radius: 12px; }
  .upload-logo .btn-edit {
    opacity: 0;
    position: absolute !important;
    top: 0;
    left: 55px;
    width: 28px;
    height: 28px;
    margin: 0;
    background-color: #11193f;
    border: 1px solid #fff;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .upload-logo .btn-edit:before {
      content: none !important; }
    .upload-logo .btn-edit .sprite {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -696px -963px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 12px;
      min-width: 12px;
      height: 12px;
      margin: 0 auto; }

.upload .list-files .file {
  padding-right: 40px; }

.chart-pie {
  overflow: hidden; }
  .chart-pie .value-100 {
    stroke: transparent; }
  .chart-pie .value-0 {
    font-size: 0; }

.chart-stack {
  position: relative; }
  .chart-stack .empty {
    padding: 30px 0; }
  .chart-stack-guide {
    position: absolute;
    left: 105px;
    top: 0;
    right: 10px;
    height: 100%; }
    .chart-stack-guide:before, .chart-stack-guide:after {
      content: '';
      position: absolute;
      left: 0; }
    .chart-stack-guide:before {
      top: 0;
      bottom: 0;
      width: 1px;
      background-color: #dfdfee; }
    .chart-stack-guide:after {
      right: 0;
      bottom: 0;
      height: 1px;
      background-color: #dfdfee; }
    .chart-stack-guide-text {
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      padding-top: 5px;
      font-size: 10px;
      color: #999; }
      .chart-stack-guide-text span {
        position: absolute;
        margin-left: -25%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        white-space: nowrap; }
      .chart-stack-guide-text span:nth-child(1) {
        left: calc(1 * 25%); }
      .chart-stack-guide-text span:nth-child(2) {
        left: calc(2 * 25%); }
      .chart-stack-guide-text span:nth-child(3) {
        left: calc(3 * 25%); }
      .chart-stack-guide-text span:nth-child(4) {
        left: calc(4 * 25%); }
      .chart-stack-guide-text span:nth-child(5) {
        left: calc(5 * 25%); }
  .chart-stack-list {
    position: relative;
    z-index: 1; }
    .chart-stack-list ~ .chart-stack-list {
      margin-top: 15px; }
  .chart-stack-body {
    margin-top: 10px; }
    .chart-stack-body .chart-stack-item {
      margin-top: 4px; }
      .chart-stack-body .chart-stack-item:first-child {
        margin-top: 0; }
      .chart-stack-body .chart-stack-item > strong {
        position: relative;
        padding-left: 10px;
        font-size: 11px; }
        .chart-stack-body .chart-stack-item > strong:before {
          content: '';
          position: absolute;
          left: 0;
          top: 5px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 2px 0 2px 4px;
          border-color: transparent transparent transparent #000; }
    .chart-stack-body .chart-stack-bar .bar {
      height: 6px;
      background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
      background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
      background-size: 3px 6px; }
  .chart-stack-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .chart-stack-item > strong {
      width: 25%;
      min-width: 105px;
      font-size: 12px;
      word-break: break-word; }
  .chart-stack-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 75%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .chart-stack-bar .bar {
      height: 16px; }
      .chart-stack-bar .bar ~ .bar {
        border-left: 1px solid #fff; }

.format-flag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 60px;
  height: 17px;
  padding: 0 10px;
  line-height: 17px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background-color: #000;
  font-weight: 700;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }
  .format-flag + * {
    margin-left: 4px; }
  .format-flag .MzcCpIcon-root,
  .format-flag .sprite {
    margin-right: 4px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
  .format-flag-folder {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #dfdfee;
    line-height: 15px; }
  .format-flag-file {
    background-color: #3f585a; }
  .format-flag-audio, .format-flag-mp3 {
    background-color: #7182a6; }
  .format-flag-video, .format-flag-mp4 {
    background-color: #405fff; }
  .format-flag-image, .format-flag-thumbnail {
    background-color: #3f485a; }
  .format-flag-caption, .format-flag-vtt {
    background-color: #5a4a3f; }
  .format-flag-hls {
    background-color: #8660d9; }
  .format-flag-dash {
    background-color: #5d8fff; }
  .format-flag-mss {
    background-color: #1aa5d2; }
  .format-flag-cmaf {
    background-color: #5f62e5; }
  .format-flag-temporary {
    background-color: #f57f00; }
  .format-flag-inactive {
    background-color: #2763ea; }
  .format-flag-active {
    background-color: #2e9812; }
  .format-flag-rtmp_push, .format-flag-rtmp_pull, .format-flag-rtmp-push, .format-flag-rtmp-pull {
    background-color: #335d77; }
  .format-flag-rtp, .format-flag-rtp_push, .format-flag-rtp-push {
    background-color: #009ea0; }
  .format-flag-streams {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    line-height: 15px;
    font-weight: bold; }
  .format-flag-listings {
    background-color: #11193f; }
  .format-flag-live {
    font-size: 0;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -493px -226px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 52px;
    min-width: 52px;
    height: 17px; }
  .format-flag-Simple {
    background-color: #11193f; }
  .format-flag-Geolocation {
    background-color: #5d5d5d; }
  .format-flag-all-option {
    background-color: #11193f;
    text-transform: none; }

.format + .format {
  margin-left: 5px; }

.format-label-single, .format-label-multiple {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle; }
  .format-label-single strong, .format-label-multiple strong {
    margin-left: 5px; }

.format-label .bg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  border-radius: 20px;
  color: #fff; }

.format-label-multiple .bg {
  background-color: #069ea0; }

.format-label-single .bg {
  background-color: #8660d9; }

.format-label-single ~ .format-label-multiple {
  margin-left: 20px; }

.format-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 22px;
  height: 16px;
  border-radius: 2px; }
  .table .format-img {
    margin: 0 4px; }
  .list-overview .format-img {
    margin-right: 8px; }
  .format-img-video {
    background-color: #405fff; }
  .format-img-audio {
    background-color: #e86894; }
  .format-img-asset {
    background-color: #7047f3; }
  .format-img-file {
    background-color: #3f585a; }
  .format-img-image {
    background-color: #3f485a; }
  .format-img-text, .format-img-caption {
    background-color: #5a4a3f; }
  .format-img-storage {
    background-color: #11193f; }
  .format-img-link {
    background-color: #11193f; }

.badge span {
  vertical-align: top; }

.badge-drm {
  min-width: 31px;
  font: 0/0 a;
  margin-top: -2px;
  padding: 0;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -72px -365px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 31px;
  min-width: 31px;
  height: 15px; }

.badge-origin {
  height: 17px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
  text-transform: uppercase;
  border-radius: 17px;
  background-color: rgba(17, 25, 63, 0.05); }

.badge-current {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 16px;
  padding: 0 8px;
  font-size: 11px;
  line-height: 16px;
  border-radius: 16px;
  color: #fff;
  background-color: #11193f; }
  .badge-current .sprite {
    margin-top: -2px; }
  .badge-current .text {
    margin-left: 4px; }

.badge-public, .badge-private {
  display: inline-block;
  height: 14px;
  padding: 0 7px;
  line-height: 14px;
  font-size: 11px;
  color: #fff;
  border-radius: 2px; }

.badge-public {
  background-color: #6f6f83; }

.badge-private {
  background-color: #f57f00; }

.badge-norole {
  display: inline-block;
  padding: 0 8px;
  font-size: 11px;
  color: #fff;
  background-color: #f57f00;
  border-radius: 10px; }

.badge-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 74px;
  height: 17px;
  line-height: 15px;
  padding: 0 10px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .badge-container .sprite {
    margin-right: 5px; }
  .badge-container-mp4 {
    background-color: #405fff; }
  .badge-container-m3u8 {
    background-color: #8660d9; }
  .badge-container-raw {
    background-color: #3f485a; }
  .badge-container-mpd {
    background-color: #5d8fff; }
  .badge-container-cmaf {
    background-color: #5f62e5; }

.badge-destination {
  display: inline-block;
  min-width: 92px;
  padding: 2px 10px;
  margin-right: 10px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #dfdfee;
  border-radius: 2px; }

.badge-count {
  display: inline-block;
  min-width: 19px;
  height: 20px;
  line-height: 19px;
  margin-left: 10px;
  padding: 2px 8px;
  border-radius: 10px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff; }
  .badge-count-warning {
    background-color: #f57f00; }
  .badge-count-primary {
    background-color: #2763ea; }

.badge-route {
  height: 17px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
  text-transform: uppercase;
  border-radius: 17px;
  background-color: rgba(17, 25, 63, 0.05); }

.badge-default {
  display: inline-block;
  height: 16px;
  margin-left: 10px;
  padding: 0 8px 0 6px;
  font-size: 11px;
  line-height: 16px;
  color: #fff;
  white-space: nowrap;
  border-radius: 8px;
  background-color: #11193f; }
  .table .badge-default .sprite {
    margin-right: 4px;
    vertical-align: middle !important; }

.badge-project {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #fff;
  line-height: 30px;
  margin-left: 20px;
  padding-right: 20px;
  background-color: #2e9812; }
  .badge-project strong {
    margin-right: 20px;
    padding: 0 10px;
    background-color: #218701; }
  .badge-project .sprite {
    margin-top: 8px; }
  .badge-project span {
    display: inline-block;
    max-width: 120px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }

.badge-caption-sync {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 11px;
  border-radius: 2px;
  border: solid 1px #dfdfee; }
  .badge-caption-sync:disabled, .badge-caption-sync[disabled] {
    color: #999;
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
    .badge-caption-sync:disabled .sprite, .badge-caption-sync[disabled] .sprite {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.5; }
  .is-edit .badge-caption-sync {
    background-color: #f8f8f8;
    border-color: #e1e1e6; }
  .badge-caption-sync .sprite {
    margin-right: 6px; }
  .badge-caption-sync + span {
    margin: 0 10px; }
  .badge-caption-sync ~ .btn-edit {
    margin-top: -2px; }

.badge-asset-type + * {
  margin-left: 8px; }

.badge-in-use {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  height: 16px;
  margin: 0 10px;
  padding: 1px 8px 2px;
  font-size: 10px;
  border-radius: 8px;
  color: #fff;
  background-color: #2e9812; }

.badge-not-used {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  height: 16px;
  margin: 0 10px;
  padding: 1px 8px 2px;
  font-size: 10px;
  border-radius: 8px;
  color: #fff;
  background-color: #f57f00; }

.card {
  position: relative;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #dfdfee; }
  .card ~ .card {
    margin-top: 10px; }
  .card ~ .tab-nav,
  .card ~ .row {
    margin-top: 10px; }
  .card.border-none {
    border: none; }
  .card.is-inactive .card-header.has-bg {
    background-color: #f2f2f2; }
  .card.is-active {
    background-color: #f4f7fe;
    border-color: #6f6f83; }
    .card.is-active .card-header.has-bg {
      background-color: #f4f7fe; }
    .card.is-active .btn-toggle {
      background-color: #11193f;
      border-color: #11193f; }
      .card.is-active .btn-toggle .sprite {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -922px -464px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 15px;
        min-width: 15px;
        height: 15px;
        -webkit-transform: scale(0.65);
            -ms-transform: scale(0.65);
                transform: scale(0.65); }
  .card.is-live {
    border-color: #b1d6c9;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06); }
    .card.is-live .card-header.has-bg {
      background-color: #d9f5ef; }
  .card.is-edit {
    border-color: #2763ea; }
  .card > .form-checkbox {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2; }
  .card-cover {
    width: 100%;
    cursor: pointer; }
    .card-cover:last-child:not(:only-child) {
      border-radius: 0 0 5px 5px;
      overflow: hidden; }
    .card-cover > button {
      padding: 0;
      display: block;
      width: 100%;
      height: 100%;
      margin: 0;
      border: 0;
      background-color: transparent; }
    .card-cover .media {
      display: block;
      position: relative; }
      .card-cover .media:hover .btn-preview {
        display: block; }
      .card-cover .media .video-player {
        height: 480px; }
        .card-cover .media .video-player .vjs-player {
          padding: 0;
          height: 100%; }
      .card-cover .media .btn-preview {
        display: none;
        position: absolute;
        position: absolute;
        left: 50%;
        top: 50%;
        padding: 5px 10px;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        background-color: rgba(0, 0, 0, 0.3);
        color: #fff;
        z-index: 2;
        font-size: 11px;
        white-space: nowrap; }
    .card-cover .media-with-chat {
      height: 520px;
      margin-top: -1px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch; }
      .card-cover .media-with-chat .area-video {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        -ms-flex: 1;
            flex: 1; }
      .card-cover .media-with-chat .video-player {
        height: 100%; }
        .card-cover .media-with-chat .video-player .vjs-player {
          position: static;
          padding: 0;
          width: 100%;
          height: 520px; }
          .card-cover .media-with-chat .video-player .vjs-player .video-js {
            position: relative; }
      .card-cover .media-with-chat .area-chat {
        min-width: 400px;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 400px;
                flex: 0 1 400px; }
      .card-cover .media-with-chat + .detail {
        margin-top: 0; }
        .card-body .card-cover .media-with-chat + .detail {
          margin-top: 0; }
      @media screen and (max-width: 1650px) {
        .card-cover .media-with-chat {
          height: auto;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .card-cover .media-with-chat .area-video,
          .card-cover .media-with-chat .area-chat {
            min-width: 0;
            width: 100%;
            -webkit-box-flex: 0;
                -ms-flex: none;
                    flex: none; }
          .card-cover .media-with-chat .area-chat {
            height: 400px; } }
    .card-cover .type {
      position: relative;
      width: 100%;
      overflow: hidden; }
      .card-cover .type .format {
        position: absolute;
        right: 5px;
        bottom: 5px;
        z-index: 2; }
      .card-cover .type-video {
        padding-bottom: 56.25%;
        background-color: #000; }
        .card-cover .type-video .thumbnail i:only-child {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-color: #f2f2f2; }
          .card-cover .type-video .thumbnail i:only-child:before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -427px -156px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 46px;
            min-width: 46px;
            height: 58px; }
      .card-cover .type-people {
        padding-bottom: 75%;
        background-color: #000; }
        .card-cover .type-people .thumbnail i:only-child {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-color: #f2f2f2; }
          .card-cover .type-people .thumbnail i:only-child:before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -427px 0px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 46px;
            min-width: 46px;
            height: 58px; }
      .card-cover .type-audio {
        padding-bottom: 56.25%;
        background-color: #000; }
        .card-cover .type-audio .thumbnail i:only-child {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-color: #f2f2f2; }
          .card-cover .type-audio .thumbnail i:only-child:before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -360px -156px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 46px;
            min-width: 46px;
            height: 58px; }
      .card-cover .type .thumbnail {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        max-height: 100%;
        padding: 0;
        text-align: center; }
        .card-cover .type .thumbnail img {
          -o-object-fit: cover;
             object-fit: cover;
          max-width: 100%;
          height: 100%; }
  .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 30px;
    padding: 27px 0 16px;
    border-bottom: 1px solid #dfdfee; }
    .card-header > *:first-child {
      font-size: 15px; }
    .card-header:only-child {
      border-bottom: 0; }
    .card-header.has-bg {
      margin: 0;
      padding: 10px 20px 10px 30px;
      border-radius: 5px 5px 0 0;
      background-color: #f8f8f8;
      border-bottom: 1px solid #dfdfee; }
      .card-header.has-bg .card-title {
        padding: 0;
        border: none;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
    .card-header.card-header-sm {
      margin: 0 15px;
      padding: 15px 0; }
      .card-header.card-header-sm > *:first-child {
        font-size: 14px; }
      .card-header.card-header-sm hr.inline {
        height: 20px;
        margin: 0 20px; }
    .card-header.card-header-md {
      min-height: 70px;
      margin: 0;
      padding: 20px; }
      .card-header.card-header-md > *:first-child {
        font-size: 14px; }
      .card-header.card-header-md .info > * {
        vertical-align: middle;
        margin-left: 4px; }
      .card-header.card-header-md .info .sprite + .sprite {
        margin: 0 10px; }
      .card-header.card-header-md .btns {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
        padding-left: 10px;
        border-left: 1px solid #dfdfee; }
    .card-header-no-gutters {
      margin-bottom: 0;
      border: 0; }
      .card-header-no-gutters + .card-body {
        padding-top: 0; }
    .card-header > div:only-child:not(.d-flex) {
      width: 100%; }
    .card-header .total {
      font-size: 13px; }
    .card-header .card-header-tools {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .card-header .card-header-tools > hr {
        margin: 0 10px;
        width: 1px;
        height: 30px; }
        .card-header .card-header-tools > hr.inline.transparent {
          margin: 0 10px !important; }
    .card-header .select2-container {
      display: inline-block;
      width: 220px; }
      .card-header .select2-container + .select2-container {
        margin-left: 5px; }
    .card-header .form-label:first-child {
      padding-top: 0; }
    .card-header .tab-nav.tab-nav-pill.tab-nav-sm .nav .tab-item {
      padding-left: 30px;
      padding-right: 30px; }
      .card-header .tab-nav.tab-nav-pill.tab-nav-sm .nav .tab-item strong {
        vertical-align: initial; }
  .card-title {
    display: block;
    -ms-flex-item-align: center;
        align-self: center;
    padding: 30px 0 15px;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    text-transform: capitalize; }
    .card-title:only-child {
      max-width: 100%;
      width: 100%; }
    .card-title-lg {
      font-size: 20px; }
  .card-body {
    padding: 30px; }
    .card-body.card-body-sm {
      margin: 0 15px;
      padding: 15px 0; }
    .card-body .card-title:first-child {
      padding-top: 0; }
    .card-body > *:first-of-typehr:not(.transparent) {
      margin-top: 25px; }
    .card-body > *:first-of-type.empty {
      padding: 20px 0; }
    .card-body > hr:first-of-type:not(.transparent):not(.flat) {
      margin-top: 25px !important; }
    .card-body .control + hr:first-of-type:not(.transparent) {
      margin-top: 0 !important; }
    .card-body .control + hr {
      margin-top: 0 !important; }
    .card-body .control ~ hr:last-of-type {
      margin-bottom: 15px; }
    .card-body .list-overview ~ .table {
      margin-top: 20px; }
  .card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px 0 30px;
    margin: 0 30px;
    border-top: 1px solid #dfdfee; }
    .card-footer > div:not(.status-text):only-child {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      text-align: right; }
  .card.card-sm .card-header {
    margin: 0 20px;
    padding: 17px 0 10px; }
    .card.card-sm .card-header > *:first-child {
      font-size: 13px; }
    .card.card-sm .card-header .card-header-tools hr {
      height: 18px; }
  .card.card-sm .card-body {
    padding: 20px; }
  .card-status .status {
    position: absolute; }
    .card-status .status .message-error-tooltip {
      margin-top: 1px; }
      .card-status .status .message-error-tooltip[data-tooltip]:after {
        min-width: 0;
        width: 190px;
        word-break: break-word; }
    .card-status .status-restore, .card-status .status-archived {
      left: 8px;
      top: 8px; }
    .card-status .status-archiving, .card-status .status-restoring {
      left: 1px;
      top: 1px;
      right: 1px;
      padding-bottom: 100%;
      background-color: rgba(242, 242, 242, 0.9);
      border-radius: 8px;
      z-index: 2; }
      .card-status .status-archiving > div, .card-status .status-restoring > div {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .card-status .status-archiving p, .card-status .status-restoring p {
        position: relative;
        margin-top: 6px;
        margin-left: 0;
        padding: 2px 10px;
        border-radius: 2px;
        color: #fff; }
        .card-status .status-archiving p:before, .card-status .status-restoring p:before {
          content: '';
          position: absolute;
          left: 50%;
          top: -3px;
          width: 0;
          height: 0;
          margin-left: -5.5px;
          border-style: solid;
          border-width: 0 5.5px 6px 5.5px; }
    .card-status .status-archiving p {
      background-color: #f57f00; }
      .card-status .status-archiving p:before {
        border-color: transparent transparent #f57f00 transparent; }
    .card-status .status-restoring p {
      background-color: #2763ea; }
      .card-status .status-restoring p:before {
        border-color: transparent transparent #2763ea transparent; }
  .card-tools {
    position: absolute;
    right: 20px;
    top: 20px; }
    .card-tools .btn-dropdown {
      opacity: 0;
      width: 0;
      height: 0;
      overflow: hidden;
      z-index: 1; }
    .card-tools .dropdown-open .btn-dropdown {
      opacity: 1;
      width: 24px;
      height: 24px; }
  .card .btns {
    margin-top: 15px;
    padding-top: 15px;
    text-align: right;
    border-top: 1px solid #dfdfee; }
    .card .btns .form-checkbox {
      margin-right: 40px; }
  .card .form-stack + .btns {
    border-top: none; }
  .card .box-border ~ .btns,
  .card .accordion ~ .btns {
    border-top: 0;
    padding-top: 0; }

.card-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin-left: -10px; }
  .card-grid:after {
    content: '';
    display: block;
    clear: both; }
  .card-grid .card {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 10px 10px;
    padding: 10px;
    border-color: transparent; }
    .card-grid .card.no-gutters {
      padding: 0;
      border-color: #dfdfee; }
    .card-grid .card.is-active {
      border-color: #818192;
      border-width: 1px;
      border-style: solid;
      background-color: #f4f7fe; }
      .card-grid .card.is-active.is-inactive {
        border-style: dashed; }
    .card-grid .card.is-inactive .card-status ~ .card-body,
    .card-grid .card.is-inactive .card-status ~ .card-body .text-default {
      color: #000 !important; }
    .card-grid .card.is-inactive .card-body,
    .card-grid .card.is-inactive .card-body small,
    .card-grid .card.is-inactive .card-body .text-default {
      color: #999 !important; }
    .card-grid .card.is-new:after {
      content: '';
      position: absolute;
      right: -5px;
      top: -5px;
      display: block;
      width: 12px;
      height: 12px;
      background-color: #f57f00;
      border-radius: 100%; }
    .card-grid .card .form-checkbox {
      left: 20px;
      top: 20px; }
    .card-grid .card .card-body {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
      .card-grid .card .card-body .project {
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid rgba(223, 223, 238, 0.5); }
        .card-grid .card .card-body .project .MzcCpIcon-root {
          margin-right: 8px; }
      .card-grid .card .card-body .type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-bottom: 9px; }
      .card-grid .card .card-body .sprite {
        margin-left: 5px; }
      .card-grid .card .card-body small {
        display: block;
        margin-top: 5px;
        font-size: 11px;
        color: #686868; }
      .card-grid .card .card-body .additional {
        margin-top: 5px; }
        .card-grid .card .card-body .additional .sprite {
          margin: 0;
          margin-top: 2px; }
    .card-grid .card:hover .btn-dropdown {
      opacity: 1;
      width: auto;
      height: auto;
      overflow: hidden; }
  .card-grid.card-grid-md .card-header,
  .card-grid.card-grid-md .card-footer {
    margin: 0 15px;
    padding: 15px 0; }
  .card-grid.card-grid-md .card-body {
    padding: 15px; }
  .card-grid.card-grid-sm .card-header,
  .card-grid.card-grid-sm .card-footer {
    margin: 0 10px;
    padding: 10px 0; }
  .card-grid.card-grid-sm .card-body {
    padding: 15px 10px; }
  .card-grid-fix .card {
    width: 358px; }
  .card-grid-lg .card {
    width: calc(50% - 10px);
    max-width: 758px;
    min-width: 630px; }
    @media (max-width: 1600px) {
      .card-grid-lg .card {
        min-width: 758px; } }
  .card-grid-md .card {
    width: calc(25% - 10px);
    min-width: 358px; }
    @media (max-width: 767px) {
      .card-grid-md .card {
        width: 100%;
        min-width: 0; } }
  .card-grid-sm {
    margin-left: -20px; }
    .card-grid-sm .card {
      margin: 0 0 20px 20px;
      width: calc(14.28571428571429% - 20px);
      min-width: 248px; }

.row-chips {
  position: relative;
  overflow-y: auto;
  margin-right: -20px;
  padding-right: 14px;
  margin: 0 -5px;
  padding: 0;
  max-height: 700px; }
  .row-chips::-webkit-scrollbar {
    width: 14px;
    height: 20px;
    margin: 10px; }
  .row-chips::-webkit-scrollbar-track {
    background: transparent; }
  .row-chips::-webkit-scrollbar-thumb {
    background: rgba(17, 25, 63, 0.15);
    border-radius: 10px;
    background-clip: padding-box;
    border: 4px solid transparent; }
  .box-scroll-horizontal .row-chips {
    margin: 0; }
  .row-chips + .row-chips {
    margin-top: 20px;
    padding-top: 20px; }
    .row-chips + .row-chips:after {
      content: '';
      display: block;
      position: absolute;
      left: 5px;
      right: 5px;
      top: 0;
      height: 1px;
      background-color: #dfdfee; }
  .row-chips .col {
    width: 360px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 360px;
            flex: 0 1 360px;
    min-width: 360px; }
  .row-chips-sm .col {
    width: 240px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 240px;
            flex: 0 1 240px;
    min-width: 240px; }

.card-chip {
  position: relative;
  border-radius: 3px;
  border: solid 1px #dfdfee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .row-chips .card-chip {
    min-height: 164px;
    margin: 5px; }
  .card-chip:hover {
    background-color: #f8f8f8; }
  .card-chip.is-inactive {
    background-color: #f8f8f8;
    color: #686868; }
    .card-chip.is-inactive:hover {
      background-color: #f2f2f2; }
    .card-chip.is-inactive .table,
    .card-chip.is-inactive .video-spces,
    .card-chip.is-inactive .video-spacs,
    .card-chip.is-inactive .list-format li {
      color: #999; }
    .card-chip.is-inactive .captions .table-scroll-header-fixed:before {
      background-color: #f5f5f5; }
    .card-chip.is-inactive .captions .btn-toolbar .btn-icon {
      opacity: 0.6; }
    .card-chip.is-inactive .list-format li div:before {
      opacity: 0.3; }
  .card-chip.is-active {
    background-color: #f4f7fe;
    border-color: #6f6f83; }
    .card-chip.is-active .btn-toggle {
      background-color: #11193f;
      border-color: #11193f; }
      .card-chip.is-active .btn-toggle .sprite {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -922px -464px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 15px;
        min-width: 15px;
        height: 15px;
        -webkit-transform: scale(0.65);
            -ms-transform: scale(0.65);
                transform: scale(0.65); }
  .card-chip .card-header {
    margin: 0 20px;
    border-bottom: 1px solid #dfdfee; }
  .card-chip .card-title {
    padding: 15px 0;
    border: none; }
  .card-chip .card-status .status {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .card-chip .card-status .status-progressing {
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(242, 242, 242, 0.9);
      border-radius: 3px;
      z-index: 20; }
      .card-chip .card-status .status-progressing > div {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .card-chip .card-status .status-progressing p {
        position: relative;
        margin-top: 6px;
        padding: 2px 10px;
        border-radius: 2px;
        color: #fff;
        font-size: 11px; }
        .card-chip .card-status .status-progressing p:before {
          content: '';
          position: absolute;
          left: 50%;
          top: -3px;
          width: 0;
          height: 0;
          margin-left: -5.5px;
          border-style: solid;
          border-width: 0 5.5px 6px 5.5px; }
    .card-chip .card-status .status-progressing p {
      background-color: #2763ea; }
      .card-chip .card-status .status-progressing p:before {
        border-color: transparent transparent #2763ea transparent; }
  .card-chip .card-body {
    position: relative;
    padding: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    .card-chip .card-body .thumbnail {
      position: relative;
      float: left;
      padding-right: 15px; }
      .card-chip .card-body .thumbnail .sprite {
        position: absolute;
        left: 5px;
        top: 5px; }
      .card-chip .card-body .thumbnail a {
        position: relative;
        z-index: 1;
        display: block;
        width: 72px;
        height: 72px;
        background-color: #f8f8f8;
        background-image: url("../images/thumbnail_loading_img_32x32.gif");
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      .card-chip .card-body .thumbnail img {
        width: 72px;
        height: 72px;
        -o-object-fit: cover;
           object-fit: cover; }
      .card-chip .card-body .thumbnail ~ .content .name {
        display: block; }
        .card-chip .card-body .thumbnail ~ .content .name strong {
          display: block;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          overflow: hidden; }
    .card-chip .card-body .content {
      min-height: 26px; }
      .card-chip .card-body .content:after {
        content: '';
        display: block;
        clear: both; }
      .card-chip .card-body .content .name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 7px; }
        .card-chip .card-body .content .name strong {
          display: block;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          overflow: hidden; }
        .card-chip .card-body .content .name > span,
        .card-chip .card-body .content .name .btn-link {
          white-space: nowrap;
          max-width: 50%; }
    .card-chip .card-body .captions {
      padding-top: 20px;
      margin-top: 20px;
      margin-bottom: -16px;
      border-top: 1px solid #dfdfee; }
      .card-chip .card-body .captions .table-status {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 15px; }
      .card-chip .card-body .captions .table-scroll-header-fixed {
        padding-top: 42px; }
        .card-chip .card-body .captions .table-scroll-header-fixed:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          z-index: 1;
          width: 100%;
          height: 43px;
          background-color: #fcfcfc;
          border-bottom: 1px solid #dfdfee; }
        .card-chip .card-body .captions .table-scroll-header-fixed .scroll {
          height: 160px; }
          .card-chip .card-body .captions .table-scroll-header-fixed .scroll::-webkit-scrollbar {
            width: 6px;
            height: 20px;
            margin: 10px; }
          .card-chip .card-body .captions .table-scroll-header-fixed .scroll::-webkit-scrollbar-track {
            background: transparent; }
          .card-chip .card-body .captions .table-scroll-header-fixed .scroll::-webkit-scrollbar-thumb {
            background: rgba(17, 25, 63, 0.15);
            border-radius: 10px; }
        .card-chip .card-body .captions .table-scroll-header-fixed .table th .th {
          height: 42px;
          border-left: none;
          border-bottom: none;
          z-index: 2; }
        .card-chip .card-body .captions .table-scroll-header-fixed .table td {
          border-left: none;
          padding: 6px 15px; }
        .card-chip .card-body .captions .table-scroll-header-fixed .table tbody tr:first-child td {
          border-top: none; }
    .card-chip .card-body .list-image {
      margin-top: 10px; }
      .card-chip .card-body .list-image ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .card-chip .card-body .list-image ul li {
          margin-left: 5px; }
          .card-chip .card-body .list-image ul li:first-child {
            margin-left: 0; }
        .card-chip .card-body .list-image ul:after {
          content: none; }
      .card-chip .card-body .list-image + .control {
        margin-top: 7px;
        padding-top: 0; }
    .card-chip .card-body .btn-toggle {
      position: absolute;
      top: 11px;
      right: 11px; }
    .card-chip .card-body .info .ellipsis-flex {
      margin-top: 5px; }
  .card-chip .card-cover {
    padding: 0 20px 15px 20px; }
    .card-chip .card-cover:first-of-type {
      padding: 20px 20px 0 20px; }
    .card-chip .card-cover .type {
      padding-bottom: 75%; }
      .card-chip .card-cover .type-image {
        background-color: #9badcf; }
        .card-chip .card-cover .type-image img ~ i {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -427px 0px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 46px;
          min-width: 46px;
          height: 58px; }
      .card-chip .card-cover .type-people {
        background-color: #9badcf; }
        .card-chip .card-cover .type-people img ~ i {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -427px 0px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 46px;
          min-width: 46px;
          height: 58px; }
      .card-chip .card-cover .type-video {
        background-color: #aa9eb1; }
        .card-chip .card-cover .type-video img ~ i {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -427px -156px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 46px;
          min-width: 46px;
          height: 58px;
          margin-top: -16px; }
      .card-chip .card-cover .type-music {
        background-color: #9fa0ad; }
        .card-chip .card-cover .type-music img ~ i {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -360px -156px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 46px;
          min-width: 46px;
          height: 58px;
          margin-top: -16px; }
      .card-chip .card-cover .type-photo {
        background-color: #9badcf; }
        .card-chip .card-cover .type-photo img ~ i {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -427px 0px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 46px;
          min-width: 46px;
          height: 58px; }
      .card-chip .card-cover .type-listings {
        background-color: #78b1b2; }
        .card-chip .card-cover .type-listings img ~ i {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -360px -78px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 47px;
          min-width: 47px;
          height: 58px;
          margin-top: -16px; }
    .card-chip .card-cover .thumbnail {
      display: block; }
      .card-chip .card-cover .thumbnail .sprite-default {
        position: absolute;
        left: 5px;
        top: 5px;
        z-index: 1; }
      .card-chip .card-cover .thumbnail > span {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0; }
        .card-chip .card-cover .thumbnail > span.rounded-circle {
          display: block;
          max-width: 120px;
          max-height: 120px;
          margin: 0 auto;
          border-radius: 100%;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          overflow: hidden;
          background-color: #c3d5ff; }
      .card-chip .card-cover .thumbnail img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
        .card-chip .card-cover .thumbnail img:not([src]), .card-chip .card-cover .thumbnail img[hidden] {
          display: none; }
          .card-chip .card-cover .thumbnail img:not([src]) ~ i, .card-chip .card-cover .thumbnail img[hidden] ~ i {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            -webkit-filter: brightness(1.2);
                    filter: brightness(1.2); }
    .card-chip .card-cover .rendition {
      margin-top: 15px; }
    .card-chip .card-cover .kind,
    .card-chip .card-cover .duration {
      position: absolute;
      left: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      height: 36px;
      padding: 0 10px;
      font-size: 12px;
      color: #fff;
      background-color: #000; }
    .card-chip .card-cover .kind {
      font-size: 11px;
      text-transform: uppercase; }
      .card-chip .card-cover .kind .sprite + span {
        margin-right: 3px; }
  .card-chip .card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 20px;
    padding: 0;
    background-color: inherit;
    height: 50px;
    border-top: 1px solid rgba(223, 223, 238, 0.5); }
    .card-chip .card-footer .btn-toolbar {
      position: relative; }
      .card-chip .card-footer .btn-toolbar .btn-icon {
        width: auto; }
      .card-chip .card-footer .btn-toolbar .dropdown-menu {
        margin-top: 10px; }
    .box-scroll-horizontal .card-chip .card-footer .btn-dropdown-layer {
      top: inherit;
      bottom: 100%; }

.card-form.is-edit {
  border-color: #2763ea; }

.card-form .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.card-form .row + .row {
  margin-top: 20px; }
  .card-form .row + .row.row-column {
    margin-top: 0; }

.card-form .form-group + .box-border {
  margin-top: 13px; }

.card-create-asset .row ~ .row {
  margin-top: 20px; }

.card-create-asset .btns {
  text-align: right; }

.card-create-asset .btn ~ p {
  margin-top: 15px; }

.card-create-asset .box-scroll {
  max-height: 356px; }
  .card-create-asset .box-scroll ~ .row-column {
    margin-top: 15px; }

.card-create-asset .box-border .box-border {
  margin: 20px 0; }
  .card-create-asset .box-border .box-border + .box-border {
    margin-top: 10px; }

.card-folder-item {
  background-color: #f2f2f2; }
  .card-folder-item:hover {
    background-color: #eaeaea; }
  .card-folder-item .card-body {
    padding-top: 46px !important; }

.card-grid .card-folder-item, .card-grid
.card-asset {
  padding: 0;
  width: 202px;
  min-width: 202px;
  border: 0; }
  .card-grid .card-folder-item .form-checkbox, .card-grid
  .card-asset .form-checkbox {
    left: 10px;
    top: 10px; }
  .card-grid .card-folder-item:hover .card-cover .media, .card-grid
  .card-asset:hover .card-cover .media {
    background-color: #eaeaea; }
  .card-grid .card-folder-item:hover .card-cover .type-audio .thumbnail img:not([src]) ~ i, .card-grid .card-folder-item:hover .card-cover .type-audio .thumbnail img[hidden] ~ i, .card-grid
  .card-asset:hover .card-cover .type-audio .thumbnail img:not([src]) ~ i, .card-grid
  .card-asset:hover .card-cover .type-audio .thumbnail img[hidden] ~ i {
    background-color: #eaeaea; }
  .card-grid .card-folder-item.is-active, .card-grid
  .card-asset.is-active {
    border-color: transparent;
    background-color: transparent; }
    .card-grid .card-folder-item.is-active .card-cover .media, .card-grid
    .card-asset.is-active .card-cover .media {
      border-color: #818192;
      background-color: #f4f7fe; }
  .card-grid .card-folder-item.is-inactive .card-cover .media, .card-grid
  .card-asset.is-inactive .card-cover .media {
    border-color: #bfbfcf;
    border-style: dashed; }
  .card-grid .card-folder-item.is-inactive.is-active, .card-grid
  .card-asset.is-inactive.is-active {
    border-color: transparent;
    background-color: transparent; }
    .card-grid .card-folder-item.is-inactive.is-active .card-cover .media, .card-grid
    .card-asset.is-inactive.is-active .card-cover .media {
      border-color: #818192;
      background-color: #f4f7fe; }
  .card-grid .card-folder-item.is-checked .card-cover .media, .card-grid
  .card-asset.is-checked .card-cover .media {
    background-color: #ecf0fa; }
  .card-grid .card-folder-item.is-dragging .card-cover .media, .card-grid
  .card-asset.is-dragging .card-cover .media {
    background-color: rgba(81, 134, 255, 0.15); }

.card-folder-item .card-cover .media,
.card-asset .card-cover .media {
  position: relative;
  padding-bottom: 100%;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f2f2f2;
  border: 1px solid transparent; }

.card-folder-item .card-cover .type,
.card-asset .card-cover .type {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  max-height: 100%;
  z-index: 1;
  padding: 0; }
  .card-folder-item .card-cover .type:after,
  .card-asset .card-cover .type:after {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .card-folder-item .card-cover .type .thumbnail,
  .card-asset .card-cover .type .thumbnail {
    position: static; }
    .card-folder-item .card-cover .type .thumbnail img,
    .card-asset .card-cover .type .thumbnail img {
      max-width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      max-width: 182px;
      max-height: 182px;
      height: auto; }
      .card-folder-item .card-cover .type .thumbnail img:not([src]), .card-folder-item .card-cover .type .thumbnail img[hidden],
      .card-asset .card-cover .type .thumbnail img:not([src]),
      .card-asset .card-cover .type .thumbnail img[hidden] {
        width: 0; }

.card-folder-item .card-cover .type-video,
.card-asset .card-cover .type-video {
  background-color: transparent; }
  .card-folder-item .card-cover .type-video .thumbnail img:not([src]) ~ i, .card-folder-item .card-cover .type-video .thumbnail img[hidden] ~ i,
  .card-asset .card-cover .type-video .thumbnail img:not([src]) ~ i,
  .card-asset .card-cover .type-video .thumbnail img[hidden] ~ i {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -427px -156px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 46px;
    min-width: 46px;
    height: 58px; }
  .card-folder-item .card-cover .type-video .thumbnail i:first-child, .card-folder-item .card-cover .type-video .thumbnail i:only-child,
  .card-asset .card-cover .type-video .thumbnail i:first-child,
  .card-asset .card-cover .type-video .thumbnail i:only-child {
    position: static;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -427px -156px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 46px;
    min-width: 46px;
    height: 58px; }

.card-folder-item .card-cover .type-image .thumbnail,
.card-asset .card-cover .type-image .thumbnail {
  position: relative;
  display: inline-block;
  background-image: -o-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), -o-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-size: 18px 18px;
  background-position: 0 0, 9px 9px; }
  .card-folder-item .card-cover .type-image .thumbnail img ~ i,
  .card-asset .card-cover .type-image .thumbnail img ~ i {
    position: absolute;
    left: 5px;
    bottom: 5px;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -102px -963px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 14px;
    min-width: 14px;
    height: 13px; }
  .card-folder-item .card-cover .type-image .thumbnail img:not([src]) ~ i, .card-folder-item .card-cover .type-image .thumbnail img[hidden] ~ i,
  .card-asset .card-cover .type-image .thumbnail img:not([src]) ~ i,
  .card-asset .card-cover .type-image .thumbnail img[hidden] ~ i {
    position: static;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -427px 0px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 46px;
    min-width: 46px;
    height: 58px;
    background-color: #f2f2f2; }
  .card-folder-item .card-cover .type-image .thumbnail i:first-child, .card-folder-item .card-cover .type-image .thumbnail i:only-child,
  .card-asset .card-cover .type-image .thumbnail i:first-child,
  .card-asset .card-cover .type-image .thumbnail i:only-child {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -427px 0px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 46px;
    min-width: 46px;
    height: 58px;
    background-color: #f2f2f2; }

.card-folder-item .card-cover .type-audio .thumbnail img:not([src]) ~ i, .card-folder-item .card-cover .type-audio .thumbnail img[hidden] ~ i,
.card-asset .card-cover .type-audio .thumbnail img:not([src]) ~ i,
.card-asset .card-cover .type-audio .thumbnail img[hidden] ~ i {
  background-color: #f2f2f2; }

.card-folder-item .card-cover .type-audio .thumbnail i,
.card-asset .card-cover .type-audio .thumbnail i {
  position: static;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -156px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.card-folder-item .card-cover .type-caption .thumbnail i, .card-folder-item .card-cover .type-text .thumbnail i,
.card-asset .card-cover .type-caption .thumbnail i,
.card-asset .card-cover .type-text .thumbnail i {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px -78px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.card-folder-item .card-cover .type-people .thumbnail i,
.card-asset .card-cover .type-people .thumbnail i {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -427px 0px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.card-folder-item .card-cover .type-folder .thumbnail i,
.card-asset .card-cover .type-folder .thumbnail i {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -82px -180px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 66px;
  min-width: 66px;
  height: 56px; }

.card-folder-item .card-cover .type-file .thumbnail i,
.card-asset .card-cover .type-file .thumbnail i {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -360px -234px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 46px;
  min-width: 46px;
  height: 58px; }

.card-folder-item .card-tools,
.card-asset .card-tools {
  right: 10px;
  top: 10px; }

.card-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 600px; }
  .card-detail.card-detail-archived .detail-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 385px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 385px;
            flex: 0 1 385px; }
    .card-detail.card-detail-archived .detail-media .archived-file {
      position: relative; }
    .card-detail.card-detail-archived .detail-media .btn {
      position: absolute;
      right: 10px;
      top: 10px; }
  .card-detail.card-detail-archived .detail-information {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .card-detail.card-detail-video-ai {
    height: 838px; }
  .card-detail .detail-media {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 30px; }
  .card-detail .detail-information {
    width: 492px;
    min-width: 492px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 492px;
            flex: 0 1 492px; }
  @media screen and (max-width: 1280px) {
    .card-detail {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      height: auto; }
      .card-detail.card-detail-video-ai {
        height: auto; }
        .card-detail.card-detail-video-ai .detail-information .information-contents {
          max-height: 800px; }
      .card-detail .detail-media {
        min-height: 600px; }
      .card-detail .detail-information {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%; }
        .card-detail .detail-information .information-tools {
          margin-left: -1px; }
        .card-detail .detail-information .information-contents {
          border-left: none;
          max-height: 600px; }
      .card-detail ~ .row-column {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .card-detail ~ .row-column > .col-6 {
          width: 100%;
          min-width: 100%;
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%; } }
  .card-detail + .row-column .col-6 {
    max-width: 797px; }

.card .detail-media .box-scroll {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex: 1;
      flex: 1;
  position: relative;
  max-height: 500px;
  height: 100%;
  border-color: #dfdfee;
  overscroll-behavior-y: contain; }

.card .detail-media .list-image {
  background-color: #fbfbfb;
  padding: 20px 0 20px 20px;
  min-height: 350px;
  height: 100%; }

.card .detail-media .list-caption {
  min-height: 330px;
  padding: 30px; }

.card .detail-media .selected-people {
  width: 352px;
  min-width: 352px;
  height: 352px;
  margin-right: 20px; }
  .card .detail-media .selected-people > div {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #f2f2f2;
    border-radius: 5px; }
  .card .detail-media .selected-people img {
    max-width: 332px;
    max-height: 332px;
    -o-object-fit: cover;
       object-fit: cover; }

.card .detail-media .archived-file {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 5px;
  background-color: #f2f2f2; }
  .card .detail-media .archived-file .type {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .card .detail-media .archived-file .type-image:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -427px 0px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 46px;
      min-width: 46px;
      height: 58px; }
    .card .detail-media .archived-file .type-video:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -427px -156px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 46px;
      min-width: 46px;
      height: 58px; }
    .card .detail-media .archived-file .type-audio:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -360px -156px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 46px;
      min-width: 46px;
      height: 58px; }
    .card .detail-media .archived-file .type-text:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -427px -78px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 46px;
      min-width: 46px;
      height: 58px; }
    .card .detail-media .archived-file .type-none:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -280px -160px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 60px;
      min-width: 60px;
      height: 50px; }
    .card .detail-media .archived-file .type-file:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -360px -234px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 46px;
      min-width: 46px;
      height: 58px; }

.card .media-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: #000;
  border-radius: 5px; }
  .card .media-preview .preview-source {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #282828;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .card .media-preview .preview-source > div:first-child {
      width: 100%;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -ms-flex: 1;
          flex: 1; }
  .card .media-preview .preview-tools {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    white-space: nowrap;
    padding: 0 20px 0 10px;
    border-left: 1px solid #282828; }
  .card .media-preview .preview-popup {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding: 10px; }
    .card .media-preview .preview-popup:before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      display: inline-block;
      width: 1px;
      height: 38px;
      margin-top: -19px;
      vertical-align: middle;
      background-color: rgba(255, 255, 255, 0.15); }
    .card .media-preview .preview-popup .btn {
      color: #fff;
      border-color: #525252;
      background-color: #242424; }
  .card .media-preview .preview-player {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-flex: 1;
        flex: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .card .media-preview .preview-player .video-player {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      height: 100%; }
      .card .media-preview .preview-player .video-player .vjs-player {
        padding: 0;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        -ms-flex: 1;
            flex: 1; }
        .card .media-preview .preview-player .video-player .vjs-player .video-js.vjs-layout-x-large, .card .media-preview .preview-player .video-player .vjs-player .video-js.vjs-layout-large, .card .media-preview .preview-player .video-player .vjs-player .video-js.vjs-layout-medium, .card .media-preview .preview-player .video-player .vjs-player .video-js.vjs-layout-small, .card .media-preview .preview-player .video-player .vjs-player .video-js.vjs-layout-x-small {
          font-size: 12px !important; }
        .card .media-preview .preview-player .video-player .vjs-player .video-js.vjs-fullscreen {
          font-size: 14px !important; }

.card .information-tools {
  margin-top: -1px;
  height: 42px; }
  .card .information-tools .tab-nav {
    position: relative;
    border-top: 1px solid #dfdfee;
    background-color: #f8f8f8; }
    .card .information-tools .tab-nav:before {
      content: '';
      display: block;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      position: absolute;
      left: 0;
      bottom: 0px;
      width: 100%;
      height: 1px;
      background: #dfdfee; }
    .card .information-tools .tab-nav .nav {
      position: relative;
      height: 100%; }
      .card .information-tools .tab-nav .nav .tab-item {
        border-top: none; }
        .card .information-tools .tab-nav .nav .tab-item:before {
          top: 0; }

.card .information-contents {
  height: calc(100% - 44px);
  border-left: 1px solid #dfdfee; }
  .card .information-contents > .box-scroll {
    height: 100%;
    border: none; }
  .card .information-contents .tab-body {
    height: 100%;
    padding: 20px;
    border-radius: 0;
    border: none; }

.card-body:has(> .control) {
  padding-top: 0; }

.table {
  width: 100%;
  border-collapse: separate; }
  .table table {
    width: 100%; }
  .table + .table {
    margin-top: 30px; }
  .table.table-sm th,
  .table.table-sm td {
    padding: 10px 15px; }
  .table.table-sm thead tr + tr th {
    padding-top: 5px;
    padding-bottom: 5px; }
  .table.table-sm thead th {
    vertical-align: middle; }
  .table.table-xs th,
  .table.table-xs td {
    padding: 3px 10px; }
  .table.table-xs td {
    line-height: 24px; }
  .table.table-dark th,
  .table.table-dark td {
    border-left: none;
    border-bottom: 1px solid rgba(223, 223, 238, 0.4); }
  .table.table-dark thead th {
    background-color: transparent;
    border-top: none;
    border-bottom: 2px solid rgba(223, 223, 238, 0.4); }
  .table.text-center th,
  .table.text-center td {
    text-align: center; }
  .table.table-hover tr {
    cursor: pointer; }
    .table.table-hover tr:hover {
      background-color: #f8f8f8; }
  .table.table-noborder th,
  .table.table-noborder td {
    border-left: none; }
  .table.table-bordered th:first-child,
  .table.table-bordered td:first-child {
    border-left: 1px solid #dfdfee; }
  .table.table-bordered th:last-child,
  .table.table-bordered td:last-child {
    border-right: 1px solid #dfdfee; }
  .table.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table.table-responsive-x {
      overflow-y: hidden; }
  .table-title {
    margin-bottom: 15px; }
    .table-title *:first-child {
      margin-right: 5px; }
  .table th,
  .table td {
    padding: 15px;
    text-align: left;
    border-left: 1px solid #dfdfee;
    border-bottom: 1px solid #dfdfee; }
    .table th:first-child,
    .table td:first-child {
      border-left: none; }
      .table th:first-child.check + td,
      .table th:first-child.check + th,
      .table td:first-child.check + td,
      .table td:first-child.check + th {
        padding-left: 0;
        border-left: none; }
    .panel-side .table th, .panel-side
    .table td {
      padding: 15px 10px; }
  .table thead th {
    position: relative;
    white-space: nowrap;
    font-size: 13px;
    font-weight: bold;
    background-color: #fcfcfc;
    border-top: 1px solid #dfdfee; }
  .table thead small {
    float: right;
    font-weight: normal; }
  .table thead tr + tr th {
    border-color: #dfdfee; }
    .table thead tr + tr th:first-child {
      border-left: 1px solid #dfdfee; }
  .table colgroup + tbody tr:first-child td {
    border-top: 1px solid #dfdfee; }
  .table tbody:first-child tr:first-child td {
    border-top: 1px solid #dfdfee; }
  .table tbody th small {
    display: block;
    font-size: 12px;
    margin-top: 10px;
    word-break: break-word; }
  .table tbody th:first-child {
    vertical-align: middle; }
  .table tbody td {
    white-space: nowrap;
    vertical-align: middle; }
    .table tbody td.text-wrap {
      white-space: normal; }
    .modal .table tbody td,
    .panel-side .table tbody td {
      white-space: inherit;
      word-break: break-word; }
    .table tbody td small {
      float: right;
      font-weight: normal;
      margin-left: 5px; }
  .table tfoot tr {
    background-color: #f4f7fe; }
  .table tfoot th {
    font-weight: bold; }
  .table tr.is-active {
    background-color: rgba(39, 99, 234, 0.03); }
  .table tr.is-live {
    -webkit-box-shadow: 4px 0 0px 0 inset #2e9812;
            box-shadow: 4px 0 0px 0 inset #2e9812; }
    .table tr.is-live td:first-child {
      padding-left: 31px; }
    .table tr.is-live .is-live {
      float: left;
      margin-left: -21px; }
  .table tr.is-error {
    background-color: rgba(239, 64, 22, 0.05); }
  .table tr.is-checked {
    background-color: #ecf0fa; }
  .table tr.is-dragging {
    background-color: rgba(81, 134, 255, 0.15); }
  .table tr.is-loading td {
    color: #999; }
  .table tr.is-loading .list-content .list-icons .sprite:first-child {
    margin-top: -3px; }
  .table-responsive .table tr:last-child:not(:only-child) .btn-dropdown-toolbar .btn-dropdown-layer {
    top: initial;
    bottom: 100%;
    margin-bottom: 5px; }
  .table .fixed-colum {
    position: -webkit-sticky;
    position: sticky;
    right: 0; }
    .table .fixed-colum:is(td) {
      background-color: #fff; }
  .table .fit-content {
    min-width: 300px; }
  .table .list-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .table .list-content + time {
      margin-top: 5px; }
  .table .list-thumbnail {
    margin-right: 8px; }
    .table .list-thumbnail:hover .btn-preview {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .table .list-thumbnail [data-tooltip]:after {
      left: 100%; }
    .table .list-thumbnail .media {
      position: relative; }
    .table .list-thumbnail .type {
      position: relative;
      display: inline-block;
      width: 50px;
      height: 50px;
      min-width: 50px;
      vertical-align: top;
      text-align: center;
      margin-right: 7px; }
      .table .list-thumbnail .type:after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .table .list-thumbnail .type:hover {
        text-decoration: none; }
      .table .list-thumbnail .type > span {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        background-color: #f2f2f2; }
        .table .list-thumbnail .type > span:before {
          content: '';
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      .table .list-thumbnail .type .format {
        position: absolute;
        right: 2px;
        bottom: 2px;
        z-index: 2; }
      .table .list-thumbnail .type-folder span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -276px -554px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 22px;
        min-width: 22px;
        height: 19px; }
      .table .list-thumbnail .type-video span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -569px -454px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 19px;
        min-width: 19px;
        height: 26px; }
      .table .list-thumbnail .type-text span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -569px 0px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 25px;
        min-width: 25px;
        height: 24px; }
      .table .list-thumbnail .type-audio span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -144px -464px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 26px;
        min-width: 26px;
        height: 27px; }
      .table .list-thumbnail .type-file span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -427px -283px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 32px;
        min-width: 32px;
        height: 27px; }
      .table .list-thumbnail .type-image span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -364px -402px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 32px;
        min-width: 32px;
        height: 20px; }
    .table .list-thumbnail .btn-preview {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 50px;
      height: 50px;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 2;
      cursor: pointer; }
      .table .list-thumbnail .btn-preview p {
        display: none; }
    .table .list-thumbnail img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      left: 0;
      top: 0; }
    .table .list-thumbnail .rounded-circle {
      border-radius: 100%; }
    .table .list-thumbnail + .list-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      overflow: hidden;
      min-height: 48px; }
      .table .list-thumbnail + .list-title a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex; }
      .table .list-thumbnail + .list-title span {
        display: -webkit-inline-box; }
    .table .list-thumbnail > .sprite {
      margin-top: 4px; }
  .table .object-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 8px;
    width: 16px;
    height: 16px; }
    .table .object-icon i {
      display: inline-block;
      width: 16px;
      height: 16px; }
      .table .object-icon i .MuiSvgIcon-root {
        vertical-align: text-bottom; }
  .table .list-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .table .project {
    margin-bottom: 10px; }
    .table .project .MzcCpIcon-root {
      margin-right: 8px; }
  .table .list-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 5px; }
    .table .list-icons .sprite {
      vertical-align: top; }
      .table .list-icons .sprite + .sprite {
        margin-left: 4px; }
      .table .list-icons .sprite:first-child {
        margin-top: 0; }
  .table .list-status .status {
    position: absolute;
    left: -10px;
    top: -13px;
    padding: 2px;
    background-color: #fff;
    border-radius: 4px;
    z-index: 21; }
    .table .list-status .status .message-error-tooltip {
      margin-top: 1px; }
    .table .list-status .status-archiving, .table .list-status .status-restoring {
      left: 0;
      top: 0;
      width: 50px;
      padding-bottom: 50px;
      background-color: rgba(248, 248, 248, 0.9);
      z-index: 20; }
      .table .list-status .status-archiving > div, .table .list-status .status-restoring > div {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .table .list-status .status-archiving p, .table .list-status .status-restoring p {
        position: relative;
        margin-top: 6px;
        margin-left: 0;
        padding: 2px 10px;
        border-radius: 2px;
        color: #fff; }
        .table .list-status .status-archiving p:before, .table .list-status .status-restoring p:before {
          content: '';
          position: absolute;
          left: 50%;
          top: -3px;
          width: 0;
          height: 0;
          margin-left: -5.5px;
          border-style: solid;
          border-width: 0 5.5px 6px 5.5px; }
    .table .list-status .status-archiving p {
      background-color: #f57f00; }
      .table .list-status .status-archiving p:before {
        border-color: transparent transparent #f57f00 transparent; }
    .table .list-status .status-restoring p {
      background-color: #2763ea; }
      .table .list-status .status-restoring p:before {
        border-color: transparent transparent #2763ea transparent; }
  .table .list-append {
    display: inline-block;
    padding-left: 5px; }
    .table .list-append + .list-title {
      float: left;
      max-width: calc(100% - 65px); }
  .table .list-prepend {
    float: left;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 5px; }
    .table .list-prepend + .list-title {
      float: left;
      max-width: calc(100% - 65px); }
      .table .list-prepend + .list-title a:hover .text-default {
        color: #2763ea !important; }
    .table .list-prepend .sprite-folder, .table .list-prepend .sprite-file {
      margin-right: 10px;
      margin-top: 3px;
      vertical-align: baseline; }
  .table .list-title .list-append {
    display: inline-block;
    padding-left: 5px; }
    .table .list-title .list-append + a {
      float: left;
      max-width: calc(100% - 65px); }
    .table .list-title .list-append ~ small {
      display: block;
      width: 100%;
      clear: both; }
  .table .list-title > p > a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: normal;
    word-break: break-all; }
    .table .list-title > p > a:disabled, .table .list-title > p > a[disabled], .table .list-title > p > a.disabled {
      pointer-events: none;
      color: #999; }
      .table .list-title > p > a:disabled + small, .table .list-title > p > a[disabled] + small, .table .list-title > p > a.disabled + small {
        color: #999; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .table .list-title > p > a {
        max-width: 300px; } }
    .table .list-title > p > a span {
      display: -webkit-inline-box; }
  .table .list-title > button {
    text-align: left; }
    .table .list-title > button:hover {
      color: #2763ea; }
  .table .list-title strong,
  .table .list-title span {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    white-space: normal;
    word-break: break-all;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden; }
    .table .list-title strong.text-nowrap,
    .table .list-title span.text-nowrap {
      white-space: nowrap; }
  .table .list-title small {
    float: none;
    margin: 0;
    font-size: 11px;
    color: #686868;
    display: inline-block;
    max-width: 80%;
    white-space: normal;
    vertical-align: middle; }
    .table .list-title small.text-nowrap {
      white-space: nowrap;
      max-width: 100%; }
    .table .list-title small span {
      display: initial; }
  .table .list-title .badge {
    display: inline-block; }
  .table .list-title .loading-inline-light {
    width: auto;
    margin: 5px 0; }
    .table .list-title .loading-inline-light:after {
      left: 0; }
  .table .list-title .separator {
    margin: 0 4px; }
  .table .text-nowrap {
    white-space: nowrap; }
  .table .folder-prev {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .table .folder-prev .sprite {
      margin-left: 15px; }
      .table .folder-prev .sprite:first-child {
        margin: 0 4px; }
  .table .btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .table .btn-toolbar .btn + .btn,
    .table .btn-toolbar .btn + .btn-dropdown,
    .table .btn-toolbar .btn + div {
      margin-left: 5px; }
    .table .btn-toolbar hr {
      display: inline-block;
      width: 1px;
      height: 30px;
      margin: 0 10px;
      border: none;
      background: #dfdfee;
      vertical-align: middle; }
  .table .form-checkbox + * {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; }
  .table .group-name {
    width: 200px; }
    .table .group-name span {
      white-space: normal; }
  .table .popper-tooltip + .list-title {
    margin-left: 8px; }
  .table .list-overview {
    margin: 0; }

.btn ~ .table {
  margin-top: 17px; }

.table-scroll-header-fixed {
  position: relative;
  padding-top: 50px;
  border-top: 1px solid #dfdfee; }
  .table-scroll-header-fixed.transparent:before {
    background-color: #fff;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid #dfdfee; }
  .table-scroll-header-fixed.transparent .table th .th {
    border: none; }
  .table-scroll-header-fixed:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 51px;
    background-color: #f2f2f2; }
  .table-scroll-header-fixed .scroll {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 350px; }
  .table-scroll-header-fixed .table {
    width: 100%;
    border-collapse: collapse; }
    .table-scroll-header-fixed .table th {
      position: static;
      padding: 0px;
      border-top: none; }
      .table-scroll-header-fixed .table th .th {
        position: absolute;
        top: 0;
        width: inherit;
        height: 50px;
        padding: 0.9375rem;
        border-left: 1px solid #efeff6;
        border-bottom: 1px solid #dfdfee;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .table-scroll-header-fixed .table th .th .form-check {
          display: inline-block; }
      .table-scroll-header-fixed .table th:first-child .th {
        border-left: none; }

tr.collapsed > td {
  padding: 0; }
  tr.collapsed > td > div {
    padding: 15px;
    background-color: #f4f4f7; }
    tr.collapsed > td > div .box-border {
      background-color: #fff; }
  tr.collapsed > td .info {
    padding: 0 0 10px 10px; }
  tr.collapsed > td .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 5px;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #dfdfee;
    background-color: #fdfdfe; }
    tr.collapsed > td .item.current {
      border-color: #b1d6c9;
      background-color: #d9f5ef; }
    tr.collapsed > td .item > div {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 30px;
      padding: 0 15px;
      border-left: 1px solid #dfdfee; }
      tr.collapsed > td .item > div:first-child {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding-left: 0;
        border-left: 0;
        min-width: 440px; }
        tr.collapsed > td .item > div:first-child .sprite-caret-right-fill-dark, tr.collapsed > td .item > div:first-child .sprite-play {
          margin-right: 17px; }
        tr.collapsed > td .item > div:first-child .sprite-broadcast {
          margin-right: 10px; }
        tr.collapsed > td .item > div:first-child .sprite-caret-right-fill-dark {
          -webkit-transform: scale(0.7);
              -ms-transform: scale(0.7);
                  transform: scale(0.7); }
        tr.collapsed > td .item > div:first-child .sprite-clock {
          margin-right: 8px;
          opacity: 0.3; }
        tr.collapsed > td .item > div:first-child .sprite-repeat {
          margin-left: 8px; }
      tr.collapsed > td .item > div:last-child {
        padding-right: 0; }
      tr.collapsed > td .item > div.attendees {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      tr.collapsed > td .item > div.state {
        min-width: 180px; }
      tr.collapsed > td .item > div.tools {
        min-width: 90px; }
        tr.collapsed > td .item > div.tools .btn-icon:disabled .sprite {
          opacity: 1; }

tr.collapsed td .box-border {
  white-space: normal; }

.shared-history-ellipsis {
  min-width: 0; }
  .shared-history-ellipsis .text-ellipsis {
    max-width: 150px; }

.list ul li {
  margin-top: 5px; }

.list-more-toggle {
  max-width: 200px;
  overflow: hidden; }
  .list-more-toggle .btn-toggle {
    margin-top: 5px; }

.list-overview {
  margin: -10px; }
  .list-overview.column {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-rule: 1px solid #dfdfee;
       -moz-column-rule: 1px solid #dfdfee;
            column-rule: 1px solid #dfdfee;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px; }
    .list-overview.column > ul {
      -webkit-column-break-inside: avoid;
         -moz-column-break-inside: avoid;
              break-inside: avoid; }
    .list-overview.column hr:last-of-type {
      display: none; }
  .list-overview hr {
    margin: 10px 0 20px; }
    .list-overview hr.inline {
      margin: 0 5px;
      height: 12px; }
  .list-overview > ul:empty + hr {
    display: none; }
  .list-overview > ul > li {
    position: relative;
    list-style: none;
    padding: 10px; }
    .list-overview > ul > li:hover .title .btn-edit {
      opacity: 1; }
    .list-overview > ul > li:hover .btn-edit {
      position: static; }
      .list-overview > ul > li:hover .btn-edit .MzcCpIcon-root,
      .list-overview > ul > li:hover .btn-edit i {
        position: relative; }
      .list-overview > ul > li:hover .btn-edit:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #f4f7fe; }
    .list-overview > ul > li:first-child {
      margin-top: -10px; }
    .list-overview > ul > li.preview {
      color: #2763ea;
      margin-top: 5px; }
      .list-overview > ul > li.preview a span {
        color: #2763ea; }
    .list-overview > ul > li .title {
      color: #686868;
      font-size: 12px;
      font-weight: normal; }
      .list-overview > ul > li .title strong {
        font-weight: normal;
        position: relative;
        z-index: 1; }
      .list-overview > ul > li .title.d-inline-block {
        width: 130px; }
      .list-overview > ul > li .title .btn-edit {
        opacity: 0; }
      .list-overview > ul > li .title ~ .content {
        position: relative;
        margin-top: 5px; }
    .list-overview > ul > li > .content {
      position: relative;
      display: block;
      min-height: 20px;
      padding-left: 10px;
      font-size: 13px; }
      .list-overview > ul > li > .content > span {
        white-space: pre-line; }
      .list-overview > ul > li > .content:before {
        content: '';
        position: absolute;
        left: 0;
        top: 9px;
        display: inline-block;
        width: 3px;
        height: 3px;
        background-color: #11193f;
        border-radius: 100%; }
      .list-overview > ul > li > .content ~ i {
        margin-left: 5px; }
      .list-overview > ul > li > .content .SingleDatePicker,
      .list-overview > ul > li > .content .SingleDatePickerInput__withBorder {
        width: 100%; }
      .list-overview > ul > li > .content .img-provider {
        display: inline-block;
        margin-top: 5px;
        margin-right: 5px; }
      .list-overview > ul > li > .content .description {
        white-space: pre-line; }
  .column-fixed .list-overview:first-of-type {
    margin-top: -15px; }
  .column-fixed .list-overview:last-of-type {
    padding-bottom: 0; }

.list-tags .tag {
  display: inline-block;
  margin: 2px;
  padding: 2px 10px;
  border: 1px solid #dfdfee;
  border-radius: 2px; }
  .list-tags .tag:first-child {
    margin-left: 0; }
  .list-tags .tag.ai:before {
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background-color: #2763ea;
    border-radius: 100%;
    vertical-align: middle; }
  .list-tags .tag:before {
    content: '#';
    display: inline-block;
    margin-right: 5px; }

.list-items li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #dfdfee; }
  .list-items li.no-border {
    border: none; }
    .list-items li.no-border:last-child {
      border: none !important; }
  .list-items li:first-child {
    padding-top: 0; }
  .box-scroll .list-items li {
    padding: 10px; }
    .box-scroll .list-items li:last-child {
      border-bottom: none; }

.list-items .form-radio,
.list-items .form-checkbox {
  position: static;
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 18px;
  margin-right: 8px; }
  .list-items .form-radio input,
  .list-items .form-checkbox input {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0; }
    @media only screen and (min-width: 768px) {
      .list-items .form-radio input:hover,
      .list-items .form-checkbox input:hover {
        background-color: rgba(39, 99, 234, 0.03);
        opacity: 1; } }
    .list-items .form-radio input:checked,
    .list-items .form-checkbox input:checked {
      background-color: rgba(39, 99, 234, 0.05);
      opacity: 1; }
    .list-items .form-radio input:disabled,
    .list-items .form-checkbox input:disabled {
      background-color: rgba(255, 255, 255, 0.3);
      opacity: 1;
      cursor: default;
      z-index: 2; }
      .list-items .form-radio input:disabled ~ i:before,
      .list-items .form-checkbox input:disabled ~ i:before {
        opacity: 0; }

.list-items .thumbnail {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 50px;
  height: 50px;
  text-align: center;
  background-image: -o-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), -o-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-size: 8px 8px;
  background-position: 0 0, 4px 4px; }
  .list-items .thumbnail:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .list-items .thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .list-items .thumbnail ~ .content {
    width: calc(100% - 50px);
    padding-left: 15px; }

.list-items .content {
  width: 100%;
  min-width: 0; }
  .list-items .content a {
    line-height: 1; }
  .list-items .content .btn {
    padding: 0;
    z-index: 2; }
    .list-items .content .btn-link-preview, .list-items .content .btn-link-id {
      margin-left: 4px; }
  .list-items .content p {
    margin: 4px 0 0; }
    .list-items .content p strong,
    .list-items .content p span {
      vertical-align: middle; }

.list-items .status,
.list-items .duration {
  white-space: nowrap;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-left: 10px; }

.list-items .btn {
  padding: 5px; }
  .list-items .btn:first-child {
    -ms-flex-item-align: start;
        align-self: flex-start; }

.list-items-half ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.list-items-half li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 50%;
  padding: 5px 10px 5px 0;
  border-bottom: none; }
  .box-scroll .list-items-half li {
    padding-left: 0; }
    .box-scroll .list-items-half li:first-child, .box-scroll .list-items-half li:nth-child(2) {
      padding-top: 0; }

.list-items-half .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50px; }
  .list-items-half .content p {
    margin-top: 0; }

.list-items .nested {
  margin-top: 6px;
  margin-left: 24px; }

.list-files .empty {
  padding: 15px 0 !important; }

.list-files li {
  position: relative;
  border-bottom: 1px solid #dfdfee; }
  .list-files li:last-child {
    border-bottom: none; }
  .list-files li:hover {
    background-color: #f8f8f8; }
  .list-files li.is-error:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #ef4016; }
  .list-files li.status-failed {
    background-color: rgba(239, 64, 22, 0.05); }
  .list-files li.status-different {
    background-color: rgba(245, 127, 0, 0.05); }

.list-files.draggable .file {
  position: relative;
  padding-left: 26px; }
  .list-files.draggable .file:hover {
    background-color: #f8f8f8; }
  .list-files.draggable .file label {
    display: block;
    width: 100%;
    margin: 0; }
  .list-files.draggable .file input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: transparent; }
    .list-files.draggable .file input:checked + .input-helper {
      position: absolute;
      display: block;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border: 1px solid #2763ea;
      background-color: #f4f7fd; }
  .list-files.draggable .file:active {
    outline: 1px solid #2763ea;
    background-color: #f4f7fd; }
  .list-files.draggable .file:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 50%;
    margin-top: -7px;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1054px -460px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 6px;
    min-width: 6px;
    height: 14px; }

.list-files .file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 15px; }
  .list-files .file.disabled, .list-files .file[disabled] {
    color: #999; }
    .list-files .file.disabled:before, .list-files .file[disabled]:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.3);
      z-index: 2; }
  .list-files .file-check {
    margin-top: -3px; }
    .list-files .file-check + .file-info .file-name:before {
      content: none; }
  .list-files .file-thumbnail {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-top: -5px;
    margin-left: -5px;
    margin-right: 15px;
    margin-bottom: -5px; }
    .list-files .file-thumbnail img {
      width: 50px;
      height: 50px;
      -o-object-fit: cover;
         object-fit: cover; }
  .list-files .file-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .list-files .file .sprite + .file-info .file-name {
    padding-left: 0; }
    .list-files .file .sprite + .file-info .file-name:before {
      content: none; }
  .list-files .file-type {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24px;
    max-width: 24px;
    height: 24px;
    margin-right: 10px;
    line-height: 22px;
    text-align: center;
    border-radius: 2px; }
    .list-files .file-type.file-desktop {
      background-color: #7182a6; }
    .list-files .file-type.file-s3 {
      background-color: #11193f; }
    .list-files .file-type.file-remote {
      background-color: #2763ea; }
  .list-files .file-directory {
    min-width: 15px;
    text-align: center;
    margin-right: 10px; }
    .list-files .file-directory + .file-name {
      padding-left: 0; }
      .list-files .file-directory + .file-name:before {
        content: none; }
  .list-files .file-name {
    position: relative;
    padding-left: 10px;
    min-width: 1%;
    display: block;
    display: grid; }
    .list-files .file-name:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: 3px;
      height: 3px;
      margin-top: -1.5px;
      background-color: #000; }
    .list-files .file-name span {
      display: block;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      overflow: hidden; }
  .list-files .file-size {
    margin-left: 4px;
    margin-right: 4px;
    color: #6686c6;
    white-space: nowrap; }
  .list-files .file-status {
    margin-left: 30px; }
  .list-files .file-delete, .list-files .file-retry {
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2; }
  .list-files .file-add {
    position: relative;
    z-index: 3; }
  .list-files .file-select {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding-left: 10px;
    min-width: 275px; }
  .list-files .file-location {
    padding-left: 10px; }
    .list-files .file-location span {
      color: #6686c6; }
  .list-files .file .btn {
    min-width: 30px;
    width: auto;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.list-files-hierarchy > ul > li:last-child {
  border-bottom: 1px solid #dfdfee; }

.list-files-hierarchy > ul > li > .file .file-name {
  color: #686868; }

.list-files-hierarchy ul li:hover {
  background-color: transparent; }

.list-files-hierarchy .file {
  padding-left: 20px; }
  .list-files-hierarchy .file.checked {
    background-color: rgba(231, 233, 255, 0.2); }
  .list-files-hierarchy .file + .list-files .file {
    padding-left: 40px; }

.list-files-hierarchy .file-type {
  width: auto;
  margin-left: 10px; }
  .list-files-hierarchy .file-type .MzcCpIcon-root {
    vertical-align: middle; }

.list-files-hierarchy .file-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0; }
  .list-files-hierarchy .file-name span {
    white-space: normal; }

.list-files-hierarchy .file-size {
  color: #000;
  padding: 0 50px; }

.list-files-hierarchy .file-date {
  padding: 0 0 0 30px; }

.list-files-hierarchy .list-files li {
  border-bottom: none; }

.list-files-hierarchy .list-files .file {
  padding-left: 20px;
  border-top: 1px solid #efeff6; }

.list-upload li {
  position: relative;
  margin: 10px 0;
  padding: 15px;
  border: 1px solid #dfdfee;
  border-radius: 3px; }
  .list-upload li .file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
    .list-upload li .file-info {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .list-upload li .file-type {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 24px;
      max-width: 24px;
      height: 24px;
      margin-right: 14px;
      line-height: 22px;
      text-align: center;
      border-radius: 2px; }
      .list-upload li .file-type.file-desktop {
        background-color: #7182a6; }
      .list-upload li .file-type.file-s3 {
        background-color: #11193f; }
      .list-upload li .file-type.file-remote {
        background-color: #2763ea; }
    .list-upload li .file-directory {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      height: 100%;
      margin-right: 10px; }
      .list-upload li .file-directory + .file-name {
        padding-left: 0; }
        .list-upload li .file-directory + .file-name:before {
          content: none; }
    .list-upload li .file-name {
      position: relative;
      padding-left: 10px;
      min-width: 1%;
      display: block;
      display: grid; }
      .list-upload li .file-name:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        width: 3px;
        height: 3px;
        margin-top: -1.5px;
        background-color: #000; }
      .list-upload li .file-name strong,
      .list-upload li .file-name span {
        display: block;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden; }
    .list-upload li .file-size {
      margin-left: 4px;
      white-space: nowrap; }
    .list-upload li .file-concise {
      padding-left: 4px;
      white-space: nowrap; }
    .list-upload li .file-status {
      margin: 0 15px 0 30px; }
      .list-upload li .file-status .progress {
        margin-right: 30px; }
    .list-upload li .file-delete, .list-upload li .file-retry {
      padding: 0 15px; }
    .list-upload li .file + .upload-complete,
    .list-upload li .file + .upload-error {
      margin-top: 17px; }

.list-upload .upload-complete, .list-upload .upload-error {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 7px 0;
  padding: 10px 15px 10px 40px;
  border-radius: 2px; }
  .list-upload .upload-complete:before, .list-upload .upload-error:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 12px; }
  .list-upload .upload-complete .list, .list-upload .upload-error .list {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .list-upload .upload-complete .list .file, .list-upload .upload-error .list .file {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      max-width: 50%;
      margin-top: 5px; }
      .list-upload .upload-complete .list .file:first-child, .list-upload .upload-error .list .file:first-child {
        margin-top: 0; }
  .list-upload .upload-complete .btn-fold, .list-upload .upload-error .btn-fold {
    height: 18px;
    padding-left: 2px;
    padding-right: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-item-align: baseline;
        align-self: baseline; }
    .list-upload .upload-complete .btn-fold .sprite, .list-upload .upload-error .btn-fold .sprite {
      margin-top: 2px; }
  .list-upload .upload-complete .tools > span span, .list-upload .upload-error .tools > span span {
    margin-left: 15px; }
  .list-upload .upload-complete .tools .btn, .list-upload .upload-error .tools .btn {
    margin-left: 15px; }

.list-upload .upload-complete {
  background-color: #f8f8f8; }
  .list-upload .upload-complete:before {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -416px -893px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 14px;
    min-width: 14px;
    height: 14px; }
  .list-upload .upload-complete .tools {
    color: #2e9812; }

.list-upload .upload-error {
  background-color: rgba(239, 64, 22, 0.05); }
  .list-upload .upload-error:before {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -722px -893px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 14px;
    min-width: 14px;
    height: 14px; }
  .list-upload .upload-error .tools {
    color: #ef4016; }

.panel .list-upload {
  margin: -15px -20px -20px -20px; }
  .panel .list-upload li {
    margin: 0;
    border: 0;
    padding: 30px;
    border-bottom: 1px solid #dfdfee; }
    .panel .list-upload li .path {
      padding-bottom: 15px;
      padding-right: 45px;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }
      .panel .list-upload li .path div {
        font-size: 11px;
        white-space: normal; }
        .panel .list-upload li .path div strong {
          margin-right: 5px; }
    .panel .list-upload li .status-flag {
      position: absolute;
      bottom: 100%;
      left: 0;
      margin-bottom: 13px; }
    .panel .list-upload li .list {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .panel .list-upload li .file {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      margin-top: 35px;
      padding: 10px 20px;
      background-color: #f8f8f8; }
      .panel .list-upload li .file ~ .file {
        margin-top: 55px; }
      .panel .list-upload li .file-info {
        width: 100%; }
      .panel .list-upload li .file-name {
        padding-left: 0; }
        .panel .list-upload li .file-name:before {
          content: none; }
      .panel .list-upload li .file-status {
        width: 100%;
        padding-top: 5px; }
        .panel .list-upload li .file-status .progress {
          min-width: 0;
          margin: 0; }
      .panel .list-upload li .file .btn-fold {
        padding-right: 10px; }
        .panel .list-upload li .file .btn-fold ~ .file-status {
          padding-left: 20px; }
      .panel .list-upload li .file .btn-cancel {
        position: absolute;
        right: 0;
        bottom: 100%;
        margin-bottom: 60px; }
    .panel .list-upload li .date {
      margin-top: 25px; }
      .panel .list-upload li .date dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 10px; }
        .panel .list-upload li .date dl dt {
          position: relative;
          min-width: 105px;
          padding-left: 10px; }
          .panel .list-upload li .date dl dt:before {
            content: '';
            position: absolute;
            left: 0;
            top: 9px;
            display: inline-block;
            width: 3px;
            height: 3px;
            background-color: #000;
            margin-top: -1.5px; }
        .panel .list-upload li .date dl dd {
          color: #686868; }
  .panel .list-upload .upload-error .list {
    padding-right: 10px; }
    .panel .list-upload .upload-error .list .file {
      padding: 0;
      max-width: none;
      background-color: transparent; }
      .panel .list-upload .upload-error .list .file ~ .file {
        margin-top: 0; }
  .panel .list-upload .upload-error .btn-fold {
    height: 18px;
    padding-left: 2px;
    padding-right: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-item-align: baseline;
        align-self: baseline; }
    .panel .list-upload .upload-error .btn-fold .sprite {
      margin-top: 2px; }
  .panel .list-upload .upload-error .tools > span span {
    margin-left: 15px; }
  .panel .list-upload .upload-error .tools .btn {
    margin-left: 15px; }
  .panel .list-upload .upload-error {
    background-color: rgba(239, 64, 22, 0.05); }
    .panel .list-upload .upload-error:before {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -722px -893px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 14px;
      min-width: 14px;
      height: 14px; }
    .panel .list-upload .upload-error .tools {
      color: #ef4016; }

.panel .select2-container + .list-process {
  margin-top: 0; }
  .panel .select2-container + .list-process li {
    padding: 30px 30px 30px 20px; }
    .panel .select2-container + .list-process li .head {
      padding-left: 10px; }

.panel .list-process {
  margin: -15px -20px -20px -20px; }
  .panel .list-process li {
    margin: 0;
    padding: 30px;
    border: none;
    border-bottom: 1px solid #dfdfee; }
    .panel .list-process li .head > div:first-child {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .panel .list-process li .head .status-flag + div {
      margin-top: 10px; }
    .panel .list-process li .head .error[data-tooltip]:after {
      min-width: 110px;
      min-width: -webkit-max-content;
      min-width: -moz-max-content;
      min-width: max-content;
      max-width: calc(480px - 20px); }
    .panel .list-process li .list {
      overflow-y: auto;
      margin-right: -20px;
      padding-right: 14px;
      padding: 9px 15px;
      margin-right: -14px;
      max-height: 500px; }
      .panel .list-process li .list::-webkit-scrollbar {
        width: 14px;
        height: 20px;
        margin: 10px; }
      .panel .list-process li .list::-webkit-scrollbar-track {
        background: transparent; }
      .panel .list-process li .list::-webkit-scrollbar-thumb {
        background: rgba(17, 25, 63, 0.15);
        border-radius: 10px;
        background-clip: padding-box;
        border: 4px solid transparent; }
    .panel .list-process li .file {
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .panel .list-process li .file > div {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .panel .list-process li .file > .btn-download {
        position: absolute;
        right: 0; }
      .panel .list-process li .file-info {
        position: relative;
        width: 100%;
        max-width: 100%;
        padding-right: 30px; }
        .panel .list-process li .file-info.indent {
          width: auto;
          margin-left: 22px; }
        .panel .list-process li .file-info + .indent {
          margin-top: 10px; }
        .panel .list-process li .file-info + .file-path {
          margin-left: 22px; }
      .panel .list-process li .file-result {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        position: relative;
        padding-right: 30px;
        margin: 10px 0; }
        .panel .list-process li .file-result:last-of-type {
          margin-bottom: 0; }
        .panel .list-process li .file-result .file-name {
          margin-top: 2px; }
        .panel .list-process li .file-result .btn-download {
          position: absolute;
          right: 0; }
      .panel .list-process li .file-type {
        -ms-flex-item-align: start;
            align-self: flex-start;
        margin-right: 8px; }
        .panel .list-process li .file-type i {
          vertical-align: top; }
        .panel .list-process li .file-type + .file-name {
          margin-left: 0; }
        .panel .list-process li .file-type.file-to-be {
          min-width: 16px;
          text-align: center;
          height: auto;
          line-height: initial; }
          .panel .list-process li .file-type.file-to-be .sprite-caret-right-gray + .sprite-caret-right-gray {
            margin-left: 2px; }
      .panel .list-process li .file-name {
        margin: 0 4px 0 0; }
        .panel .list-process li .file-name strong,
        .panel .list-process li .file-name span {
          display: block;
          white-space: normal;
          -o-text-overflow: unset;
             text-overflow: unset;
          overflow: visible; }
        .panel .list-process li .file-name .ellipsis {
          white-space: nowrap;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          overflow: hidden; }
      .panel .list-process li .file-error {
        position: absolute;
        max-width: 100%;
        right: 0;
        height: 24px;
        margin: 0;
        line-height: 22px; }
        .panel .list-process li .file-error .sprite {
          float: right;
          margin-top: 5px; }
        .panel .list-process li .file-error[data-tooltip]:after {
          left: inherit;
          left: initial;
          white-space: normal;
          right: 0;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none;
          min-width: 110px;
          min-width: -webkit-max-content;
          min-width: -moz-max-content;
          min-width: max-content;
          max-width: calc(480px - 20px); }
      .panel .list-process li .file-status {
        width: 100%;
        text-align: left;
        margin: 0; }
        .panel .list-process li .file-status small {
          display: inline-block;
          margin-top: 2px;
          vertical-align: middle; }
        .panel .list-process li .file-status .popper-tooltip {
          margin-right: 8px; }
      .panel .list-process li .file-path {
        margin-bottom: 10px; }
        .panel .list-process li .file-path > div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: baseline;
              -ms-flex-align: baseline;
                  align-items: baseline;
          margin-top: 8px;
          font-size: 11px;
          color: #686868; }
          .panel .list-process li .file-path > div span {
            white-space: nowrap;
            margin-right: 4px; }
          .panel .list-process li .file-path > div p {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
            white-space: normal; }
        .panel .list-process li .file-path + .file-result {
          margin-top: 0; }
    .panel .list-process li .btn-fold {
      top: 10px;
      padding: 5px 15px;
      left: 0; }

.list-process li {
  position: relative;
  margin: 10px 0;
  padding: 30px;
  border: 1px solid #dfdfee;
  border-radius: 3px; }
  .list-process li .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 10px; }
    .list-process li .head > div {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .list-process li .head .status-flag {
      margin-right: 10px; }
    .list-process li .head hr {
      display: inline-block;
      width: 1px;
      height: 22px;
      vertical-align: middle;
      margin: 0 10px; }
    .list-process li .head + .date {
      margin-top: 0;
      margin-bottom: 20px;
      padding-top: 20px;
      border-top: 1px solid rgba(223, 223, 238, 0.5); }
  .list-process li .path {
    padding-bottom: 15px;
    padding-right: 45px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; }
    .list-process li .path div {
      font-size: 11px;
      white-space: normal; }
      .list-process li .path div strong {
        margin-right: 5px; }
  .list-process li .process ~ .process {
    margin-top: 20px; }
  .list-process li .box {
    position: relative;
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #f8f8f8; }
  .list-process li .btn-cancel {
    position: absolute;
    right: 30px;
    top: 30px; }
  .list-process li .btn-fold {
    position: absolute;
    left: 12px;
    top: 14px; }
    .list-process li .btn-fold ~ .list,
    .list-process li .btn-fold ~ .status,
    .list-process li .btn-fold ~ .file {
      margin-left: 25px; }
  .list-process li .list {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 7px;
    background-color: #f8f8f8; }
  .list-process li .status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap; }
    .list-process li .status > * {
      margin-top: 5px; }
    .list-process li .status .btn {
      margin: 0 5px; }
    .list-process li .status .sprite,
    .list-process li .status .text-danger {
      margin-right: 5px; }
  .list-process li .progress {
    margin: 5px 0;
    min-width: 100%; }
  .list-process li .file {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
    .list-process li .file ~ .file {
      margin-top: 5px; }
    .list-process li .file-info {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      max-width: 50%; }
      .list-process li .file-info.not-ellipsis .file-name strong,
      .list-process li .file-info.not-ellipsis .file-name span {
        white-space: normal; }
    .list-process li .file-type {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      max-width: 24px;
      margin-right: 14px;
      text-align: center;
      border-radius: 2px; }
      .list-process li .file-type.file-desktop {
        background-color: #7182a6; }
      .list-process li .file-type.file-s3 {
        background-color: #11193f; }
      .list-process li .file-type.file-remote {
        background-color: #2763ea; }
    .list-process li .file-directory {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      height: 100%;
      margin-right: 10px; }
      .list-process li .file-directory + .file-name {
        padding-left: 0; }
        .list-process li .file-directory + .file-name:before {
          content: none; }
    .list-process li .file-name {
      position: relative;
      min-width: 1%;
      display: block;
      display: grid; }
      .list-process li .file-name strong,
      .list-process li .file-name span {
        display: block;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden; }
    .list-process li .file-size, .list-process li .file-error {
      margin-left: 4px;
      white-space: nowrap; }
      .list-process li .file-size:first-child, .list-process li .file-error:first-child {
        margin-left: 0; }
    .list-process li .file-concise {
      padding-left: 4px;
      white-space: nowrap; }
    .list-process li .file-status {
      margin: 0 15px 0 30px;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      text-align: right; }
      .list-process li .file-status .progress {
        margin-right: 30px; }
  .list-process li .date {
    margin-top: 25px;
    padding-left: 10px; }
    .list-process li .date dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 10px; }
      .list-process li .date dl dt {
        position: relative;
        min-width: 105px;
        padding-left: 10px; }
        .list-process li .date dl dt:before {
          content: '';
          position: absolute;
          left: 0;
          top: 9px;
          display: inline-block;
          width: 3px;
          height: 3px;
          background-color: #000;
          margin-top: -1.5px; }
      .list-process li .date dl dd {
        color: #686868; }

.list-dot li {
  margin-top: 15px;
  line-height: 1; }
  .list-dot li:first-child {
    margin-top: 0; }
    .list-dot li:first-child > div {
      margin-top: 0; }
    .tooltip-body .list-dot li:first-child div {
      margin-top: 10px; }
  .list-dot li > div {
    margin-top: 10px;
    line-height: 1.4; }
  .list-dot li .dense {
    margin-left: 10px; }

.list-dot .dot {
  position: relative;
  padding-left: 10px; }
  .list-dot .dot:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #000; }

.list-dot.tags-info .dot:before {
  top: 4px; }

.list-format {
  position: relative;
  margin-top: 15px; }
  .row-chips .list-format {
    min-height: 70px;
    margin-top: 20px; }
  .list-format.more-content {
    overflow: hidden; }
    .list-format.more-content:after {
      content: '...';
      position: absolute;
      display: inline-block;
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg);
      width: 100%;
      margin-left: -9px;
      text-align: center;
      font-weight: bold;
      color: 650px, 749px, -650px, -749px, 16px, 16px, 1064px, 1038px, "../images/sprites.png", "cancel";
      letter-spacing: 1px; }
  .list-format li {
    position: relative;
    margin: 0;
    padding-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .list-format li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 10px;
      display: inline-block;
      width: 3px;
      height: 3px;
      background-color: #000; }
    .list-format li > div {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 50%;
      vertical-align: top;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      overflow: hidden; }
      .list-format li > div > span {
        white-space: nowrap;
        display: block;
        margin-right: 5px;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden; }
        .list-format li > div > span span {
          display: inline; }

.box-scroll-horizontal .list-image ul {
  white-space: nowrap; }
  .box-scroll-horizontal .list-image ul li {
    display: inline-block;
    float: none;
    margin: 0 2px; }
    .box-scroll-horizontal .list-image ul li label {
      width: 100%;
      height: 100%; }

.list-image-lg li {
  float: left;
  margin: 10px; }
  .list-image-lg li .content {
    width: 104px;
    height: 104px; }
    .list-image-lg li .content .image {
      width: 104px;
      height: 104px; }

.list-image-md li {
  float: left;
  margin: 0.5px; }
  .list-image-md li .content {
    width: 72px;
    height: 72px; }

.list-image-sm li {
  float: left;
  margin: 2.5px; }
  .list-image-sm li .content {
    width: 50px;
    height: 50px; }

.list-image-half li {
  width: 50%;
  margin: 0; }
  .list-image-half li .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%; }
    .list-image-half li .content .image {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 50px;
      height: 50px;
      margin-right: 10px; }

.list-image-count {
  text-align: center; }

.list-image ul:after {
  content: '';
  display: block;
  clear: both; }

.list-image li {
  position: relative; }
  .list-image li:hover .btn-dropdown {
    display: block; }
  .list-image li .content {
    position: relative; }
  .list-image li .btn-add-thumb {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px dashed #9c9cc1;
    background: #fff; }
    .list-image li .btn-add-thumb i {
      display: block;
      width: 24px;
      height: 24px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      z-index: 1; }
      .list-image li .btn-add-thumb i:before, .list-image li .btn-add-thumb i:after {
        content: '';
        display: block;
        width: 24px;
        height: 2px;
        position: absolute;
        background-color: #9c9cc1; }
      .list-image li .btn-add-thumb i:before {
        top: 50%; }
      .list-image li .btn-add-thumb i:after {
        top: 50%;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
  .list-image li .active:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 2px solid #2763ea; }
  .list-image li .form-checkbox,
  .list-image li .form-radio,
  .list-image li .status,
  .list-image li .time,
  .list-image li .btn-dropdown,
  .list-image li .btn-delete {
    position: absolute; }
  .list-image li .form-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer; }
    .list-image li .form-checkbox > i {
      position: absolute;
      left: 5px;
      top: 5px;
      z-index: 3; }
      .list-image li .form-checkbox > i + .status {
        padding-left: 23px; }
    .list-image li .form-checkbox input[type='checkbox']:checked ~ .image:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      background-color: rgba(39, 99, 234, 0.5);
      border: 2px solid #2763ea; }
  .list-image li .form-radio,
  .list-image li .form-radio-default {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    cursor: pointer; }
    .list-image li .form-radio i,
    .list-image li .form-radio-default i {
      position: absolute;
      left: 5px;
      top: 5px; }
  .list-image li .status {
    left: 0;
    top: 0;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    width: 100%; }
    .list-image li .status .sprite {
      vertical-align: top; }
    .list-image li .status.analyzed, .list-image li .status.indexed, .list-image li .status.indexing {
      width: 100%;
      height: 100%;
      padding: 0;
      text-align: center;
      line-height: 50px;
      background-color: rgba(0, 0, 0, 0.3); }
      .list-image li .status.analyzed .sprite, .list-image li .status.indexed .sprite, .list-image li .status.indexing .sprite {
        vertical-align: middle; }
    .list-image li .status .uploading {
      float: right;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 23px;
      height: 23px;
      background-color: #fff;
      border: 1px solid #b6b6ca;
      border-radius: 50%; }
  .list-image li .time {
    right: 0;
    bottom: 0;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    padding: 0 5px 2px;
    color: #fff;
    background-color: #3f485a; }
  .list-image li .btn-dropdown {
    display: none;
    z-index: 2;
    right: 5px;
    top: 5px; }
    .list-image li .btn-dropdown .btn-dropdown-layer {
      width: auto; }
      .list-image li .btn-dropdown .btn-dropdown-layer .btn-dropdown-list li {
        float: none;
        margin: 0; }
  .list-image li .btn-delete {
    z-index: 2;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff; }
  .list-image li .image {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; }
    .list-image li .image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

.box-border > .list-captions li {
  padding: 0 !important; }

.list-captions-stack li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .list-captions-stack li .content,
  .list-captions-stack li .list {
    width: 100%; }
  .list-captions-stack li .list {
    margin-top: 10px; }

.list-captions li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 15px 0;
  border-bottom: 1px solid #dfdfee; }
  .list-captions li:first-child {
    padding-top: 0; }
  .list-captions li .btn-delete {
    position: absolute;
    right: 0;
    top: 0; }
  .box-scroll .list-captions li {
    padding-left: 20px;
    padding-right: 20px; }
    .box-scroll .list-captions li:first-child {
      padding-top: 15px; }
    .box-scroll .list-captions li:last-child {
      border-bottom: none; }

.list-captions .form-radio,
.list-captions .form-checkbox {
  position: static;
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 18px;
  margin-right: 8px; }
  .list-captions .form-radio input,
  .list-captions .form-checkbox input {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0; }
    @media screen and (min-width: 768px) {
      .list-captions .form-radio input:hover,
      .list-captions .form-checkbox input:hover {
        background-color: rgba(39, 99, 234, 0.03);
        opacity: 1; } }
    .list-captions .form-radio input:checked,
    .list-captions .form-checkbox input:checked {
      background-color: rgba(39, 99, 234, 0.05);
      opacity: 1; }
    .list-captions .form-radio input:disabled,
    .list-captions .form-checkbox input:disabled {
      background-color: rgba(255, 255, 255, 0.3);
      opacity: 1;
      cursor: default;
      z-index: 2; }
      .list-captions .form-radio input:disabled ~ i:before,
      .list-captions .form-checkbox input:disabled ~ i:before {
        opacity: 0; }

.list-captions .content {
  width: 50%; }
  .list-captions .content a {
    line-height: 1; }
  .list-captions .content .format-flag {
    margin-right: 4px; }
  .list-captions .content .btn {
    z-index: 2; }
    .list-captions .content .btn-link-preview {
      margin-top: -4px; }
  .list-captions .content p {
    margin: 4px 0 0; }

.list-captions .list {
  width: 50%; }
  .list-captions .list li {
    display: block;
    padding: 2px 0;
    border: 0; }
    .list-captions .list li:first-child {
      padding-top: 0; }
    .list-captions .list li:after {
      content: '';
      display: block;
      clear: both; }
    .list-captions .list li > span,
    .list-captions .list li > .btn-link {
      float: left;
      width: 50%; }
    .list-captions .list li .btn-link {
      padding-right: 5px;
      z-index: 1; }
      .list-captions .list li .btn-link span {
        width: 100%;
        text-align: left; }
    .list-captions .list li > span {
      position: relative;
      padding-left: 10px; }
      .list-captions .list li > span:before {
        content: '-';
        position: absolute;
        left: 0;
        top: 0px; }

.list-publish-title {
  padding: 12px 15px;
  font-weight: bold;
  border-bottom: 1px solid #dfdfee;
  background-color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1; }

.list-publish li > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px; }
  .list-publish li > div.error {
    background-color: rgba(239, 64, 22, 0.05); }

.list-publish .form-radio,
.list-publish .form-checkbox {
  position: static;
  min-width: 18px;
  margin-right: 8px; }
  .list-publish .form-radio input,
  .list-publish .form-checkbox input {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0; }
    @media screen and (min-width: 768px) {
      .list-publish .form-radio input:hover,
      .list-publish .form-checkbox input:hover {
        background-color: rgba(39, 99, 234, 0.03);
        opacity: 1; } }
    .list-publish .form-radio input:checked,
    .list-publish .form-checkbox input:checked {
      background-color: rgba(39, 99, 234, 0.05);
      opacity: 1; }
    .list-publish .form-radio input:disabled,
    .list-publish .form-checkbox input:disabled {
      background-color: rgba(255, 255, 255, 0.3);
      opacity: 1;
      cursor: default;
      z-index: 2; }
      .list-publish .form-radio input:disabled ~ i:before,
      .list-publish .form-checkbox input:disabled ~ i:before {
        opacity: 0; }

.list-publish .thumbnail {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 28px;
  height: 28px;
  text-align: center;
  border-radius: 100%;
  background-image: -o-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), -o-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-size: 8px 8px;
  background-position: 0 0, 4px 4px;
  overflow: hidden; }
  .list-publish .thumbnail:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .list-publish .thumbnail img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .list-publish .thumbnail ~ .content {
    width: calc(100% - 28px);
    padding-left: 15px; }

.list-publish .content {
  width: 100%; }
  .list-publish .content a {
    line-height: 1; }
  .list-publish .content .btn {
    z-index: 2; }
    .list-publish .content .btn-link-preview {
      margin-top: -4px; }
  .list-publish .content p {
    margin: 4px 0 0; }

.list-publish .status {
  white-space: nowrap;
  padding-left: 10px; }

.list-publish .result {
  margin: 0 15px 15px 15px;
  border-radius: 2px;
  border: 1px solid #dfdfee;
  background-color: #f8f8fa; }
  .list-publish .result .ellipsis {
    margin: 0 0 0 5px; }

.list-sources .item {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  padding: 15px;
  border: 1px solid #dfdfee;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); }
  .list-sources .item.dropped .check input + i {
    border-color: #11193f;
    background-color: transparent; }
  .list-sources .item:hover {
    background-color: #f8f8f8; }

.list-sources .check,
.list-sources .check input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.list-sources .check input {
  opacity: 0;
  z-index: 1;
  cursor: pointer; }
  .list-sources .check input:focus + i {
    border-color: #5186ff;
    background-color: #f4f7fd; }
  .list-sources .check input:checked:focus {
    background-color: transparent; }

.list-sources .check i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-transition: border 0.15s linear;
  -o-transition: border 0.15s linear;
  transition: border 0.15s linear; }

.list-sources .thumbnail {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 80px;
  height: 80px;
  text-align: center;
  background-image: -o-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), -o-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-size: 8px 8px;
  background-position: 0 0, 4px 4px; }
  .list-sources .thumbnail:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .list-sources .thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .list-sources .thumbnail .sprite {
    position: absolute;
    right: 5px;
    top: 5px; }
  .list-sources .thumbnail ~ .content {
    width: calc(100% - 80px);
    padding-left: 15px; }

.list-sources .content {
  position: relative;
  width: 100%; }
  .list-sources .content a {
    line-height: 1; }
  .list-sources .content p {
    margin: 4px 0 0; }
  .list-sources .content hr.inline {
    height: 12px;
    margin: 0 10px; }

.list-sources .status,
.list-sources .duration {
  white-space: nowrap;
  -ms-flex-item-align: end;
      align-self: flex-end; }

.list-sources.single .item.item-xs {
  width: 100%;
  margin: 0; }
  .list-sources.single .item.item-xs > div .name {
    max-width: none; }

.list-sources .item.item-xs {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(50% - 5px);
  margin: 2.5px;
  padding: 9px;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .list-sources .item.item-xs > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 5px; }
    .list-sources .item.item-xs > div span {
      vertical-align: middle;
      white-space: nowrap; }
    .list-sources .item.item-xs > div .name {
      position: relative;
      min-width: 1%;
      display: block;
      display: grid; }
      .list-sources .item.item-xs > div .name span {
        display: block;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden; }
    .list-sources .item.item-xs > div .size {
      white-space: nowrap;
      padding-left: 4px; }
  .list-sources .item.item-xs .popper-tooltip {
    margin-right: 8px;
    margin-top: -2px; }

.list-sources > div:not(.item) {
  padding: 15px 15px 0 15px; }

.list-elements {
  overflow-y: auto;
  margin-right: -20px;
  padding-right: 14px;
  max-height: 130px; }
  .list-elements::-webkit-scrollbar {
    width: 14px;
    height: 20px;
    margin: 10px; }
  .list-elements::-webkit-scrollbar-track {
    background: transparent; }
  .list-elements::-webkit-scrollbar-thumb {
    background: rgba(17, 25, 63, 0.15);
    border-radius: 10px;
    background-clip: padding-box;
    border: 4px solid transparent; }
  .list-elements .item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(50% - 5px);
    margin: 2.5px;
    padding: 2px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .list-elements .item span {
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }

.list-border li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 5px 5px 10px;
  border-top: 1px solid #dfdfee; }
  .list-border li:first-child {
    border-top: none; }

.list-users {
  margin: 12px 0; }
  .list-users.scroll {
    max-height: 200px;
    overflow-y: auto;
    margin-right: -20px;
    padding-right: 14px;
    overflow-x: hidden;
    margin-right: 0;
    padding-right: 0; }
    .list-users.scroll::-webkit-scrollbar {
      width: 14px;
      height: 20px;
      margin: 10px; }
    .list-users.scroll::-webkit-scrollbar-track {
      background: transparent; }
    .list-users.scroll::-webkit-scrollbar-thumb {
      background: rgba(17, 25, 63, 0.15);
      border-radius: 10px;
      background-clip: padding-box;
      border: 4px solid transparent; }
  .list-users .info-user {
    padding: 12px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .list-users .info-user .thumbnail {
      margin-right: 8px;
      width: 26px;
      height: 26px; }
      .list-users .info-user .thumbnail img {
        width: 100%; }
      .list-users .info-user .thumbnail .sprite {
        opacity: 0.4; }
  .list-users li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -10px; }
    .list-users li > div {
      padding: 12px 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .list-users li > div:first-child {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .list-users li > div:last-child {
        white-space: nowrap;
        color: #686868; }
      .list-users li > div .thumbnail {
        width: 26px;
        height: 26px;
        margin-right: 8px; }
        .list-users li > div .thumbnail .sprite {
          opacity: 0.4; }
      .list-users li > div.empty {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 20px;
        color: #000; }

.list-teams {
  margin-top: 12px; }
  .list-teams li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -10px; }
    .list-teams li > div {
      padding: 12px 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .list-teams li > div:first-child {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        .list-teams li > div:first-child span:first-child {
          position: relative;
          padding-left: 10px; }
          .list-teams li > div:first-child span:first-child:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 7px;
            width: 3px;
            height: 3px;
            background-color: #000; }
        .list-teams li > div:first-child span + span {
          margin-left: 4px;
          white-space: nowrap; }
          .list-teams li > div:first-child span + span:before {
            content: ' - '; }
          .list-teams li > div:first-child span + span .sprite {
            margin-right: -4px; }
      .list-teams li > div:last-child {
        white-space: nowrap;
        color: #686868; }
      .list-teams li > div.empty {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 20px;
        color: #000; }

.list-shared-with li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0; }
  .list-shared-with li .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .list-shared-with li .info > div {
      margin-left: 10px; }
      .list-shared-with li .info > div small {
        margin-right: 8px; }
  .list-shared-with li .status {
    white-space: nowrap; }

.list-selected-owner .owner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding: 18px 10px 18px 20px; }
  .list-selected-owner .owner.disabled, .list-selected-owner .owner[disabled] {
    color: #999; }
    .list-selected-owner .owner.disabled:before, .list-selected-owner .owner[disabled]:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.3);
      z-index: 2; }
  .list-selected-owner .owner-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .list-selected-owner .owner .sprite + .file-info .file-name {
    padding-left: 0; }
    .list-selected-owner .owner .sprite + .file-info .file-name:before {
      content: none; }
  .list-selected-owner .owner-name {
    position: relative;
    min-width: 1%;
    display: block;
    display: grid; }
    .list-selected-owner .owner-name span {
      display: block;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      overflow: hidden; }
  .list-selected-owner .owner-size {
    margin-left: 4px;
    margin-right: 4px;
    color: #6686c6;
    white-space: nowrap; }
  .list-selected-owner .owner-status {
    margin-left: 30px; }
  .list-selected-owner .owner-delete, .list-selected-owner .owner-retry {
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2; }
  .list-selected-owner .owner-add {
    position: relative;
    z-index: 3; }
  .list-selected-owner .owner-select {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding-left: 10px;
    min-width: 275px; }
  .list-selected-owner .owner-location {
    padding-left: 10px; }
    .list-selected-owner .owner-location span {
      color: #6686c6; }
  .list-selected-owner .owner .btn {
    min-width: 30px;
    width: auto;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.list-search-result {
  overflow-x: auto;
  border-top: 1px solid #dfdfee;
  border-bottom: 1px solid #dfdfee; }
  .list-search-result .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 20px 0 20px 13px;
    border-top: 1px solid rgba(223, 223, 238, 0.5); }
    .list-search-result .item:first-child {
      border-top: none; }
    .list-search-result .item:hover {
      background-color: #f8f8f8;
      cursor: pointer; }
    .list-search-result .item.is-checked {
      background-color: rgba(39, 99, 234, 0.03); }
    .list-search-result .item.is-active {
      background-color: rgba(39, 99, 234, 0.07); }
  .list-search-result .fit-content {
    min-width: 400px; }
  .list-search-result .list-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .list-search-result .list-content .form-checkbox {
      margin-right: 20px; }
    .list-search-result .list-content .text-ellipsis {
      max-width: 400px; }
  .list-search-result .list-thumbnail {
    margin-right: 20px; }
    .list-search-result .list-thumbnail .type {
      position: relative;
      display: inline-block;
      width: 72px;
      height: 72px;
      min-width: 72px;
      vertical-align: top;
      text-align: center; }
      .list-search-result .list-thumbnail .type:after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .list-search-result .list-thumbnail .type:hover {
        text-decoration: none; }
      .list-search-result .list-thumbnail .type > span {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        background-color: #f2f2f2; }
        .list-search-result .list-thumbnail .type > span:before {
          content: '';
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      .list-search-result .list-thumbnail .type .format {
        position: absolute;
        right: 2px;
        bottom: 2px;
        z-index: 2; }
      .list-search-result .list-thumbnail .type-folder span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -276px -554px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 22px;
        min-width: 22px;
        height: 19px; }
      .list-search-result .list-thumbnail .type-video span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -569px -454px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 19px;
        min-width: 19px;
        height: 26px; }
      .list-search-result .list-thumbnail .type-text span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -569px 0px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 25px;
        min-width: 25px;
        height: 24px; }
      .list-search-result .list-thumbnail .type-audio span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -144px -464px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 26px;
        min-width: 26px;
        height: 27px; }
      .list-search-result .list-thumbnail .type-file span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -427px -283px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 32px;
        min-width: 32px;
        height: 27px; }
      .list-search-result .list-thumbnail .type-image span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -364px -402px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 32px;
        min-width: 32px;
        height: 20px; }
    .list-search-result .list-thumbnail img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      left: 0;
      top: 0; }
    .list-search-result .list-thumbnail .media {
      display: block;
      position: relative; }
      .list-search-result .list-thumbnail .media:hover .btn-preview {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .list-search-result .list-thumbnail .btn-preview {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 72px;
      height: 72px;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 2;
      cursor: pointer; }
      .list-search-result .list-thumbnail .btn-preview p {
        display: none; }
    .list-search-result .list-thumbnail .authority {
      position: absolute;
      z-index: 1;
      left: 5px;
      top: 5px;
      display: block;
      width: 16px;
      height: 16px; }
      .list-search-result .list-thumbnail .authority .MzcCpIcon-root {
        vertical-align: top; }
  .list-search-result .list-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding-right: 30px; }
  .list-search-result .list-title p {
    margin-bottom: 4px; }
  .list-search-result .list-title a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .list-search-result .list-title .text-ellipsis {
    display: block;
    white-space: nowrap;
    word-break: break-all;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden; }
  .list-search-result .list-icons {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-left: 5px; }
  .list-search-result .format-flag ~ .list-head {
    margin-top: 6px; }
  .list-search-result .format-flag ~ .list-meta {
    margin-top: 10px; }
  .list-search-result .list-meta {
    margin-top: 25px; }
    .list-search-result .list-meta > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .list-search-result .list-meta > div:first-child {
        margin-top: 8px;
        margin-bottom: 5px; }
    .list-search-result .list-meta > span {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      vertical-align: middle;
      margin-top: 1px;
      color: #686868; }
      .list-search-result .list-meta > span .sprite + span {
        color: #000; }
      .list-search-result .list-meta > span:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 17px;
        background-color: rgba(223, 223, 238, 0.5);
        margin: 0 15px 0px;
        vertical-align: middle; }
      .list-search-result .list-meta > span:first-of-type {
        margin-top: 0; }
        .list-search-result .list-meta > span:first-of-type:before {
          content: none; }
  .list-search-result .list-overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 250px;
    margin: 0;
    padding-left: 20px;
    border-left: 1px solid rgba(223, 223, 238, 0.5); }
    .list-search-result .list-overview > ul li {
      padding: 0;
      margin-top: 16px; }
      .list-search-result .list-overview > ul li:first-child {
        margin: 0; }
    .list-search-result .list-overview .badge {
      margin-left: 10px; }
  .list-search-result .list-tools {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 116px;
    padding-left: 30px;
    border-left: 1px solid rgba(223, 223, 238, 0.5); }

.list-attendees[disabled] {
  text-align: center;
  color: #999; }
  .list-attendees[disabled].box-border {
    opacity: 1; }

.list-attendees .control {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(223, 223, 238, 0.5); }

.list-attendees .box-scroll {
  border: none;
  max-height: 120px;
  overflow-y: auto;
  margin-right: -20px;
  padding-right: 14px;
  margin: 0; }
  .list-attendees .box-scroll::-webkit-scrollbar {
    width: 14px;
    height: 20px;
    margin: 10px; }
  .list-attendees .box-scroll::-webkit-scrollbar-track {
    background: transparent; }
  .list-attendees .box-scroll::-webkit-scrollbar-thumb {
    background: rgba(17, 25, 63, 0.15);
    border-radius: 10px;
    background-clip: padding-box;
    border: 4px solid transparent; }

.list-attendees ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px; }

.list-attendees li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
  padding: 5px 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.list-decimal {
  counter-reset: counter; }
  .list-decimal li {
    counter-increment: counter; }
    .list-decimal li .number {
      display: block; }
      .list-decimal li .number:before {
        content: counter(counter) ". ";
        font-weight: bold; }
      .list-decimal li .number + span {
        display: block;
        position: relative;
        margin-top: 10px;
        margin-left: 13px;
        padding-left: 10px; }
        .list-decimal li .number + span:before {
          content: '- ';
          position: absolute;
          left: 0; }

.list-bulk-create {
  border-bottom: 1px solid #11193f; }
  .list-bulk-create-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 50px;
    padding: 0 20px;
    background-color: #f8f8f8;
    border: 1px solid transparent;
    border-top-color: #6b769a;
    border-bottom-color: #efeff6; }
    .list-bulk-create-header.is-drop-possible {
      border: dashed 1px #9898ad;
      background-color: rgba(194, 200, 254, 0.1); }
    .list-bulk-create-header.is-drop-impossible {
      border: dashed 1px #ef4016;
      background-color: rgba(239, 64, 22, 0.1); }
    .list-bulk-create-header span {
      margin: 0 10px; }
      .list-bulk-create-header span:last-of-type {
        margin-right: 20px; }
      .list-bulk-create-header span.format-flag + span {
        margin-left: 0; }
    .list-bulk-create-header .btn span {
      margin-right: 0; }
    .list-bulk-create-header hr.inline {
      height: 16px; }
    .list-bulk-create-header .count {
      vertical-align: -1px; }
    .list-bulk-create-header .custom-toast {
      margin-top: -5px; }
  .list-bulk-create-body {
    padding-left: 20px; }
    .list-bulk-create-body .sprite-new {
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
    .list-bulk-create-body .bulk-info {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 20px 0 0;
      min-height: 48px; }
      .list-bulk-create-body .bulk-info:before {
        content: '';
        display: block;
        position: absolute;
        left: -20px;
        top: 0;
        right: 0;
        bottom: 0; }
      .list-bulk-create-body .bulk-info .file-status {
        width: 28px;
        text-align: center; }
      .list-bulk-create-body .bulk-info .file-info {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .list-bulk-create-body .bulk-info .file-info .btn-edit {
          visibility: hidden; }
      .list-bulk-create-body .bulk-info .file-type {
        margin: 0 10px; }
      .list-bulk-create-body .bulk-info .file-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding-top: 2px; }
        .list-bulk-create-body .bulk-info .file-name .form-input-group {
          width: 30%; }
      .list-bulk-create-body .bulk-info .file-control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .list-bulk-create-body .bulk-info .file-control hr.inline {
          height: 16px;
          margin: 0 15px; }
        .list-bulk-create-body .bulk-info .file-control .btn:hover .sprite-edit-line {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -992px -242px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 13px;
          min-width: 13px;
          height: 14px; }
        .list-bulk-create-body .bulk-info .file-control .btn-edit {
          margin-left: 5px; }
      .list-bulk-create-body .bulk-info .form-input-group-title {
        background-color: #fff; }
      .list-bulk-create-body .bulk-info .form-input {
        width: 100%; }
      .list-bulk-create-body .bulk-info .form-control-input {
        height: 100%; }
      .list-bulk-create-body .bulk-info.is-edited:before {
        background-color: rgba(245, 127, 0, 0.05); }
      .list-bulk-create-body .bulk-info:hover:before {
        background-color: rgba(231, 233, 255, 0.2); }
      .list-bulk-create-body .bulk-info:hover .btn-edit {
        visibility: visible; }
    .list-bulk-create-body .bulk-metadata {
      padding-left: 8px;
      border-top: 1px solid #efeff6;
      background-color: #fcfcfc; }
      .list-bulk-create-body .bulk-metadata > .row-column.is-edit {
        border: 1px solid #2763ea;
        margin-top: 10px;
        padding: 20px 0;
        border-radius: 5px;
        margin-right: 20px; }
        .list-bulk-create-body .bulk-metadata > .row-column.is-edit .list-overview > ul > li .title {
          color: #000;
          font-size: 13px;
          font-weight: bold; }
          .list-bulk-create-body .bulk-metadata > .row-column.is-edit .list-overview > ul > li .title ~ .content {
            padding-left: 0; }
            .list-bulk-create-body .bulk-metadata > .row-column.is-edit .list-overview > ul > li .title ~ .content:before {
              content: none; }
        .list-bulk-create-body .bulk-metadata > .row-column.is-edit + .btns-editable {
          margin-right: 20px;
          padding-bottom: 20px; }
      .list-bulk-create-body .bulk-metadata > .row-column,
      .list-bulk-create-body .bulk-metadata .list-overview {
        margin: 0; }
      .list-bulk-create-body .bulk-metadata > .row-column {
        padding: 20px 0; }
        .list-bulk-create-body .bulk-metadata > .row-column > .col {
          border-color: #efeff6; }
      .list-bulk-create-body .bulk-metadata .list-overview > ul > li {
        padding: 10px;
        margin-bottom: 20px; }
        .list-bulk-create-body .bulk-metadata .list-overview > ul > li .box-border.is-edit {
          background-color: #fff; }
    .list-bulk-create-body .bulk-path {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 49px;
      padding-left: 53px;
      padding-right: 50px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-top: 1px solid #efeff6;
      border-bottom: 1px solid #efeff6; }
      .list-bulk-create-body .bulk-path .btn-drag {
        position: absolute;
        width: 24px;
        left: 28px;
        padding: 0 5px; }
      .list-bulk-create-body .bulk-path .popper-tooltip {
        margin-right: 8px; }
      .list-bulk-create-body .bulk-path > span {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .list-bulk-create-body .bulk-path > div:not(.popper-tooltip) {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 70%;
                flex: 0 1 70%; }
        .list-bulk-create-body .bulk-path > div:not(.popper-tooltip) > div:first-of-type {
          min-width: 25%; }
      .list-bulk-create-body .bulk-path > div hr.inline {
        height: 16px;
        margin: 0 15px 0 20px; }
      .list-bulk-create-body .bulk-path > div .btn-edit {
        margin-left: 5px; }
      .list-bulk-create-body .bulk-path .btn-remove {
        position: absolute;
        right: 20px; }
      .list-bulk-create-body .bulk-path .form-control-input {
        height: 100%; }
  .list-bulk-create-expand-header {
    border: 1px solid transparent; }
    .list-bulk-create-expand-header.is-drop-possible {
      border: dashed 1px #9898ad;
      background-color: rgba(194, 200, 254, 0.1); }
    .list-bulk-create-expand-header.is-drop-impossible {
      border: dashed 1px #ef4016;
      background-color: rgba(239, 64, 22, 0.1); }

.list-notice li {
  padding-bottom: 20px; }
  .list-notice li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-width: 0;
    color: #000; }
    .list-notice li > a:hover {
      text-decoration: none; }
      .list-notice li > a:hover span:first-child {
        text-decoration: underline; }
    .list-notice li > a span {
      white-space: nowrap; }
      .list-notice li > a span:first-child {
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden;
        margin-right: 20px; }

.bulk-path.dropping-item {
  width: 300px;
  height: 48px;
  padding: 17px 21px 14px 28px;
  border-radius: 5px;
  border: dashed 1px #9898ad;
  background-color: rgba(194, 200, 254, 0.4); }
  .bulk-path.dropping-item .btn-drag {
    margin-right: 10px; }
  .bulk-path.dropping-item.is-error {
    border-color: #ef4016;
    background-color: #ffa089; }
    .bulk-path.dropping-item.is-error:before {
      content: '';
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -180px -785px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 16px;
      min-width: 16px;
      height: 16px;
      position: absolute;
      right: -5px;
      bottom: -5px; }

.tags-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5px; }
  .tags-info li > strong:first-child {
    margin-right: 3px; }
  .tags-info li > strong + span {
    margin-left: 3px; }

.control {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px; }
  .control:last-child {
    margin-top: 15px;
    padding-bottom: 0; }
  .card ~ .control {
    margin-top: 15px;
    padding-bottom: 0; }
  .table ~ .control {
    margin-top: 15px; }
    .table ~ .control:last-child {
      padding-bottom: 0; }
  .control-sticky {
    position: relative;
    min-height: 60px; }
  .control.sticky {
    padding: 0 30px;
    overflow: hidden; }
    .control.sticky .control-inner {
      position: fixed;
      left: 0;
      right: 0;
      margin: 0 31px;
      padding: 10px 30px;
      top: 56px;
      z-index: 11;
      border-bottom: 1px solid #dfdfee;
      background-color: #fff; }
      .in-fixed-tab .control.sticky .control-inner {
        margin-right: calc(31px + 44px); }
        @media screen and (max-width: 1260px) {
          .in-fixed-tab .control.sticky .control-inner {
            margin-right: 44px;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
        @media screen and (max-width: 768px) {
          .in-fixed-tab .control.sticky .control-inner {
            margin-right: calc(17px + 44px); } }
      .in-fixed-tab.panel-push-open .control.sticky .control-inner {
        width: calc(100vw - 60px - 397px - 17px - 44px);
        width: calc(100vw - 60px - 397px - var(--scroll-bar-width) - 44px); }
      .in-sidebar .control.sticky .control-inner {
        left: 255px; }
      @media screen and (max-width: 768px) {
        .control.sticky .control-inner {
          top: 55px;
          padding: 10px;
          margin-left: 16px;
          margin-right: calc(11px + 10px + 44px); } }
  .control.is-control-sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 3;
    top: 56px;
    padding: 15px 30px;
    margin: 0 -30px;
    border-bottom: 1px solid #dfdfee;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); }
  .modal-body > .control:first-child {
    padding-top: 0; }
  .control > div:only-child {
    position: static;
    border: none;
    padding-bottom: 0; }
    .control > div:only-child.control-tools {
      text-align: right; }
    .control > div:only-child:not(.control-inner) {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .control hr {
    display: inline-block;
    width: 1px;
    height: 30px;
    margin: 0 5px;
    vertical-align: middle;
    background-color: #dfdfee; }
    .control hr.transparent {
      margin: 0 !important; }
    .control hr:first-of-type {
      margin-left: 10px; }
  .control-inner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: left; }
  .control-status {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 1650px) {
      .control-status.active {
        position: absolute;
        z-index: 1;
        background-color: #fff;
        padding-bottom: 15px; } }
    .control-status strong,
    .control-status span {
      margin-right: 5px; }
    .control-status .title {
      font-size: 14px;
      margin-right: 5px; }
    .control-status .status-text ~ .status-text {
      margin-left: 10px; }
    .control-status hr {
      height: 30px;
      margin: 0 10px; }
      .control-status hr.secondary {
        height: 15px;
        opacity: 0.5; }
    .control-status .form-radio,
    .control-status .form-checkbox {
      vertical-align: middle; }
      .control-status .form-radio:first-child,
      .control-status .form-checkbox:first-child {
        margin: 0 5px 0 15px; }
  .control-pagination {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .control-pagination .select2-container {
      display: inline-block;
      vertical-align: middle;
      width: 120px;
      min-width: 120px;
      text-align: left;
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0; }
  .control-tools {
    white-space: nowrap; }
    .control-tools > * {
      margin-left: 5px;
      vertical-align: middle; }
    .control-tools > .btn-dropdown,
    .control-tools > .btn-group {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      vertical-align: middle; }
    .control-tools .select2-container {
      display: inline-block;
      vertical-align: middle;
      width: 120px;
      min-width: 120px;
      text-align: left; }
      .control-tools .select2-container:only-child {
        min-width: 220px; }
    .control-tools hr {
      height: 38px;
      margin: 0 10px; }
      .control-tools hr + * {
        margin-left: 0px; }
  .control .filter-check {
    display: inline-block;
    vertical-align: middle; }
    .control .filter-check em {
      color: #f57f00; }
    .control .filter-check .count {
      display: inline-block;
      min-width: 19px;
      padding: 0 3px;
      color: #fff;
      font-weight: bold;
      border-radius: 20px;
      text-align: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .control .filter-check .count.warning {
        background-color: #f57f00; }
  .control .btn-group-toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle; }

@media screen and (max-width: 1920px) {
  .panel-push-open .is-folder .control {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    :not(.widget) .panel-push-open .is-folder .control .control-status {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
      :not(.widget) .panel-push-open .is-folder .control .control-status.active {
        position: absolute;
        bottom: 0;
        z-index: 1;
        background-color: #fff;
        padding-bottom: 20px; }
    :not(.widget) .panel-push-open .is-folder .control .control-pagination {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    :not(.widget) .panel-push-open .is-folder .control .control-tools {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid #dfdfee; }
      :not(.widget) .panel-push-open .is-folder .control .control-tools:only-child {
        border-bottom: none; }
      :not(.widget) .panel-push-open .is-folder .control .control-tools hr:first-child {
        display: none; }
  .panel-push-open .control {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    :not(.widget) .panel-push-open .control .control-status {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
      :not(.widget) .panel-push-open .control .control-status.active {
        position: absolute;
        bottom: 0;
        z-index: 1;
        background-color: #fff;
        padding-bottom: 20px; }
    :not(.widget) .panel-push-open .control .control-pagination {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    :not(.widget) .panel-push-open .control .control-tools {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid #dfdfee; }
      :not(.widget) .panel-push-open .control .control-tools:only-child {
        border-bottom: none; }
      :not(.widget) .panel-push-open .control .control-tools hr:first-child {
        display: none; } }

@media screen and (max-width: 1650px) {
  .is-folder .control {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    :not(.widget) .is-folder .control .control-status {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
      :not(.widget) .is-folder .control .control-status.active {
        position: absolute;
        bottom: 0;
        z-index: 1;
        background-color: #fff;
        padding-bottom: 20px; }
    :not(.widget) .is-folder .control .control-pagination {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    :not(.widget) .is-folder .control .control-tools {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid #dfdfee; }
      :not(.widget) .is-folder .control .control-tools:only-child {
        border-bottom: none; }
      :not(.widget) .is-folder .control .control-tools hr:first-child {
        display: none; }
  .panel-push-open .is-folder .control {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .panel-push-open .is-folder .control > div {
      width: 100%; }
    :not(.widget) .panel-push-open .is-folder .control .control-status:not(:last-child),
    :not(.widget) .panel-push-open .is-folder .control .control-pagination:not(:last-child) {
      margin-top: 0; }
    :not(.widget) .panel-push-open .is-folder .control .control-status, :not(.widget) .panel-push-open .is-folder .control .control-status.active {
      position: static;
      padding-bottom: 0; }
    :not(.widget) .panel-push-open .is-folder .control .control-status,
    :not(.widget) .panel-push-open .is-folder .control .control-pagination {
      margin-top: 0; }
      :not(.widget) .panel-push-open .is-folder .control .control-status:not(:last-child),
      :not(.widget) .panel-push-open .is-folder .control .control-pagination:not(:last-child) {
        margin-top: 0;
        white-space: nowrap; }
    :not(.widget) .panel-push-open .is-folder .control .control-status {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding-top: 10px;
      border-top: 1px solid rgba(223, 223, 238, 0.5); }
      :not(.widget) .panel-push-open .is-folder .control .control-status .form-radio:first-child,
      :not(.widget) .panel-push-open .is-folder .control .control-status .form-checkbox:first-child {
        margin-left: 10px; }
    :not(.widget) .panel-push-open .is-folder .control .control-pagination {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%;
      position: relative; }
      :not(.widget) .panel-push-open .is-folder .control .control-pagination .wrap-pagination-type-viewmore .pagination .MuiPagination-root {
        display: inline-block;
        max-width: 100%; }
      :not(.widget) .panel-push-open .is-folder .control .control-pagination:only-child, :not(.widget) .panel-push-open .is-folder .control .control-pagination:nth-of-type(1) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        :not(.widget) .panel-push-open .is-folder .control .control-pagination:only-child > div:first-child:not(.wrap-pagination), :not(.widget) .panel-push-open .is-folder .control .control-pagination:nth-of-type(1) > div:first-child:not(.wrap-pagination) {
          position: static;
          padding-top: 15px;
          line-height: 1; }
        :not(.widget) .panel-push-open .is-folder .control .control-pagination:only-child > div.wrap-pagination, :not(.widget) .panel-push-open .is-folder .control .control-pagination:nth-of-type(1) > div.wrap-pagination {
          border-bottom: 1px solid rgba(223, 223, 238, 0.5); }
      :not(.widget) .panel-push-open .is-folder .control .control-pagination > div:first-child:not(.wrap-pagination) {
        position: absolute;
        right: 0;
        top: 100%;
        line-height: 60px;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      :not(.widget) .panel-push-open .is-folder .control .control-pagination > div.wrap-pagination {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding: 0 0 15px 0; }
      :not(.widget) .panel-push-open .is-folder .control .control-pagination .pagination,
      :not(.widget) .panel-push-open .is-folder .control .control-pagination .MuiPagination-root {
        max-height: none; }
        :not(.widget) .panel-push-open .is-folder .control .control-pagination .pagination ul,
        :not(.widget) .panel-push-open .is-folder .control .control-pagination .MuiPagination-root ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
      :not(.widget) .panel-push-open .is-folder .control .control-pagination .MuiPaginationItem-root {
        height: 42px; }
      :not(.widget) .panel-push-open .is-folder .control .control-pagination .MuiPaginationItem-ellipsis {
        line-height: 34px; }
    :not(.widget) .panel-push-open .is-folder .control .control-tools {
      margin-bottom: 0; } }

@media screen and (max-width: 1650px) and (-webkit-min-device-pixel-ratio: 2) {
  .control {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    :not(.widget) .control .control-status {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
      :not(.widget) .control .control-status.active {
        position: absolute;
        bottom: 0;
        z-index: 1;
        background-color: #fff;
        padding-bottom: 20px; }
    :not(.widget) .control .control-pagination {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    :not(.widget) .control .control-tools {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid #dfdfee; }
      :not(.widget) .control .control-tools:only-child {
        border-bottom: none; }
      :not(.widget) .control .control-tools hr:first-child {
        display: none; }
  .panel-push-open .control {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .panel-push-open .control > div {
      width: 100%; }
    :not(.widget) .panel-push-open .control .control-status:not(:last-child),
    :not(.widget) .panel-push-open .control .control-pagination:not(:last-child) {
      margin-top: 0; }
    :not(.widget) .panel-push-open .control .control-status, :not(.widget) .panel-push-open .control .control-status.active {
      position: static;
      padding-bottom: 0; }
    :not(.widget) .panel-push-open .control .control-status,
    :not(.widget) .panel-push-open .control .control-pagination {
      margin-top: 0; }
      :not(.widget) .panel-push-open .control .control-status:not(:last-child),
      :not(.widget) .panel-push-open .control .control-pagination:not(:last-child) {
        margin-top: 0;
        white-space: nowrap; }
    :not(.widget) .panel-push-open .control .control-status {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding-top: 10px;
      border-top: 1px solid rgba(223, 223, 238, 0.5); }
      :not(.widget) .panel-push-open .control .control-status .form-radio:first-child,
      :not(.widget) .panel-push-open .control .control-status .form-checkbox:first-child {
        margin-left: 10px; }
    :not(.widget) .panel-push-open .control .control-pagination {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%;
      position: relative; }
      :not(.widget) .panel-push-open .control .control-pagination .wrap-pagination-type-viewmore .pagination .MuiPagination-root {
        display: inline-block;
        max-width: 100%; }
      :not(.widget) .panel-push-open .control .control-pagination:only-child, :not(.widget) .panel-push-open .control .control-pagination:nth-of-type(1) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        :not(.widget) .panel-push-open .control .control-pagination:only-child > div:first-child:not(.wrap-pagination), :not(.widget) .panel-push-open .control .control-pagination:nth-of-type(1) > div:first-child:not(.wrap-pagination) {
          position: static;
          padding-top: 15px;
          line-height: 1; }
        :not(.widget) .panel-push-open .control .control-pagination:only-child > div.wrap-pagination, :not(.widget) .panel-push-open .control .control-pagination:nth-of-type(1) > div.wrap-pagination {
          border-bottom: 1px solid rgba(223, 223, 238, 0.5); }
      :not(.widget) .panel-push-open .control .control-pagination > div:first-child:not(.wrap-pagination) {
        position: absolute;
        right: 0;
        top: 100%;
        line-height: 60px;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      :not(.widget) .panel-push-open .control .control-pagination > div.wrap-pagination {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding: 0 0 15px 0; }
      :not(.widget) .panel-push-open .control .control-pagination .pagination,
      :not(.widget) .panel-push-open .control .control-pagination .MuiPagination-root {
        max-height: none; }
        :not(.widget) .panel-push-open .control .control-pagination .pagination ul,
        :not(.widget) .panel-push-open .control .control-pagination .MuiPagination-root ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
      :not(.widget) .panel-push-open .control .control-pagination .MuiPaginationItem-root {
        height: 42px; }
      :not(.widget) .panel-push-open .control .control-pagination .MuiPaginationItem-ellipsis {
        line-height: 34px; }
    :not(.widget) .panel-push-open .control .control-tools {
      margin-bottom: 0; } }

@media screen and (max-width: 1024px) {
  .is-folder .control {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .is-folder .control > div {
      width: 100%; }
    :not(.widget) .is-folder .control .control-status:not(:last-child),
    :not(.widget) .is-folder .control .control-pagination:not(:last-child) {
      margin-top: 0; }
    :not(.widget) .is-folder .control .control-status, :not(.widget) .is-folder .control .control-status.active {
      position: static;
      padding-bottom: 0; }
    :not(.widget) .is-folder .control .control-status,
    :not(.widget) .is-folder .control .control-pagination {
      margin-top: 0; }
      :not(.widget) .is-folder .control .control-status:not(:last-child),
      :not(.widget) .is-folder .control .control-pagination:not(:last-child) {
        margin-top: 0;
        white-space: nowrap; }
    :not(.widget) .is-folder .control .control-status {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding-top: 10px;
      border-top: 1px solid rgba(223, 223, 238, 0.5); }
      :not(.widget) .is-folder .control .control-status .form-radio:first-child,
      :not(.widget) .is-folder .control .control-status .form-checkbox:first-child {
        margin-left: 10px; }
    :not(.widget) .is-folder .control .control-pagination {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%;
      position: relative; }
      :not(.widget) .is-folder .control .control-pagination .wrap-pagination-type-viewmore .pagination .MuiPagination-root {
        display: inline-block;
        max-width: 100%; }
      :not(.widget) .is-folder .control .control-pagination:only-child, :not(.widget) .is-folder .control .control-pagination:nth-of-type(1) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        :not(.widget) .is-folder .control .control-pagination:only-child > div:first-child:not(.wrap-pagination), :not(.widget) .is-folder .control .control-pagination:nth-of-type(1) > div:first-child:not(.wrap-pagination) {
          position: static;
          padding-top: 15px;
          line-height: 1; }
        :not(.widget) .is-folder .control .control-pagination:only-child > div.wrap-pagination, :not(.widget) .is-folder .control .control-pagination:nth-of-type(1) > div.wrap-pagination {
          border-bottom: 1px solid rgba(223, 223, 238, 0.5); }
      :not(.widget) .is-folder .control .control-pagination > div:first-child:not(.wrap-pagination) {
        position: absolute;
        right: 0;
        top: 100%;
        line-height: 60px;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      :not(.widget) .is-folder .control .control-pagination > div.wrap-pagination {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding: 0 0 15px 0; }
      :not(.widget) .is-folder .control .control-pagination .pagination,
      :not(.widget) .is-folder .control .control-pagination .MuiPagination-root {
        max-height: none; }
        :not(.widget) .is-folder .control .control-pagination .pagination ul,
        :not(.widget) .is-folder .control .control-pagination .MuiPagination-root ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
      :not(.widget) .is-folder .control .control-pagination .MuiPaginationItem-root {
        height: 42px; }
      :not(.widget) .is-folder .control .control-pagination .MuiPaginationItem-ellipsis {
        line-height: 34px; }
    :not(.widget) .is-folder .control .control-tools {
      margin-bottom: 0; }
  .panel-push-open .control {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .panel-push-open .control > div {
      width: 100%; }
    :not(.widget) .panel-push-open .control .control-status:not(:last-child),
    :not(.widget) .panel-push-open .control .control-pagination:not(:last-child) {
      margin-top: 0; }
    :not(.widget) .panel-push-open .control .control-status, :not(.widget) .panel-push-open .control .control-status.active {
      position: static;
      padding-bottom: 0; }
    :not(.widget) .panel-push-open .control .control-status,
    :not(.widget) .panel-push-open .control .control-pagination {
      margin-top: 0; }
      :not(.widget) .panel-push-open .control .control-status:not(:last-child),
      :not(.widget) .panel-push-open .control .control-pagination:not(:last-child) {
        margin-top: 0;
        white-space: nowrap; }
    :not(.widget) .panel-push-open .control .control-status {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding-top: 10px;
      border-top: 1px solid rgba(223, 223, 238, 0.5); }
      :not(.widget) .panel-push-open .control .control-status .form-radio:first-child,
      :not(.widget) .panel-push-open .control .control-status .form-checkbox:first-child {
        margin-left: 10px; }
    :not(.widget) .panel-push-open .control .control-pagination {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%;
      position: relative; }
      :not(.widget) .panel-push-open .control .control-pagination .wrap-pagination-type-viewmore .pagination .MuiPagination-root {
        display: inline-block;
        max-width: 100%; }
      :not(.widget) .panel-push-open .control .control-pagination:only-child, :not(.widget) .panel-push-open .control .control-pagination:nth-of-type(1) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        :not(.widget) .panel-push-open .control .control-pagination:only-child > div:first-child:not(.wrap-pagination), :not(.widget) .panel-push-open .control .control-pagination:nth-of-type(1) > div:first-child:not(.wrap-pagination) {
          position: static;
          padding-top: 15px;
          line-height: 1; }
        :not(.widget) .panel-push-open .control .control-pagination:only-child > div.wrap-pagination, :not(.widget) .panel-push-open .control .control-pagination:nth-of-type(1) > div.wrap-pagination {
          border-bottom: 1px solid rgba(223, 223, 238, 0.5); }
      :not(.widget) .panel-push-open .control .control-pagination > div:first-child:not(.wrap-pagination) {
        position: absolute;
        right: 0;
        top: 100%;
        line-height: 60px;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      :not(.widget) .panel-push-open .control .control-pagination > div.wrap-pagination {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding: 0 0 15px 0; }
      :not(.widget) .panel-push-open .control .control-pagination .pagination,
      :not(.widget) .panel-push-open .control .control-pagination .MuiPagination-root {
        max-height: none; }
        :not(.widget) .panel-push-open .control .control-pagination .pagination ul,
        :not(.widget) .panel-push-open .control .control-pagination .MuiPagination-root ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
      :not(.widget) .panel-push-open .control .control-pagination .MuiPaginationItem-root {
        height: 42px; }
      :not(.widget) .panel-push-open .control .control-pagination .MuiPaginationItem-ellipsis {
        line-height: 34px; }
    :not(.widget) .panel-push-open .control .control-tools {
      margin-bottom: 0; } }

@media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .control {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .control > div {
      width: 100%; }
    :not(.widget) .control .control-status:not(:last-child),
    :not(.widget) .control .control-pagination:not(:last-child) {
      margin-top: 0; }
    :not(.widget) .control .control-status, :not(.widget) .control .control-status.active {
      position: static;
      padding-bottom: 0; }
    :not(.widget) .control .control-status,
    :not(.widget) .control .control-pagination {
      margin-top: 0; }
      :not(.widget) .control .control-status:not(:last-child),
      :not(.widget) .control .control-pagination:not(:last-child) {
        margin-top: 0;
        white-space: nowrap; }
    :not(.widget) .control .control-status {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding-top: 10px;
      border-top: 1px solid rgba(223, 223, 238, 0.5); }
      :not(.widget) .control .control-status .form-radio:first-child,
      :not(.widget) .control .control-status .form-checkbox:first-child {
        margin-left: 10px; }
    :not(.widget) .control .control-pagination {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%;
      position: relative; }
      :not(.widget) .control .control-pagination .wrap-pagination-type-viewmore .pagination .MuiPagination-root {
        display: inline-block;
        max-width: 100%; }
      :not(.widget) .control .control-pagination:only-child, :not(.widget) .control .control-pagination:nth-of-type(1) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        :not(.widget) .control .control-pagination:only-child > div:first-child:not(.wrap-pagination), :not(.widget) .control .control-pagination:nth-of-type(1) > div:first-child:not(.wrap-pagination) {
          position: static;
          padding-top: 15px;
          line-height: 1; }
        :not(.widget) .control .control-pagination:only-child > div.wrap-pagination, :not(.widget) .control .control-pagination:nth-of-type(1) > div.wrap-pagination {
          border-bottom: 1px solid rgba(223, 223, 238, 0.5); }
      :not(.widget) .control .control-pagination > div:first-child:not(.wrap-pagination) {
        position: absolute;
        right: 0;
        top: 100%;
        line-height: 60px;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      :not(.widget) .control .control-pagination > div.wrap-pagination {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding: 0 0 15px 0; }
      :not(.widget) .control .control-pagination .pagination,
      :not(.widget) .control .control-pagination .MuiPagination-root {
        max-height: none; }
        :not(.widget) .control .control-pagination .pagination ul,
        :not(.widget) .control .control-pagination .MuiPagination-root ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
      :not(.widget) .control .control-pagination .MuiPaginationItem-root {
        height: 42px; }
      :not(.widget) .control .control-pagination .MuiPaginationItem-ellipsis {
        line-height: 34px; }
    :not(.widget) .control .control-tools {
      margin-bottom: 0; } }

@media screen and (min-width: 1650px) and (max-width: 1920px) {
  .is-folder .control .control-status.active {
    position: absolute;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
    padding-bottom: 20px; } }

.widget .control {
  margin-bottom: 0 !important; }
  .widget .control .control-status {
    margin: 0 !important; }
  .widget .control .control-tools {
    position: static !important;
    border: none !important;
    padding: 0 !important; }

.page-header + .tab-nav {
  margin-bottom: 15px; }
  .page-header + .tab-nav + .tab-body {
    margin-top: -16px; }

.tab-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .tab-nav .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    .tab-nav .nav::-webkit-scrollbar {
      height: 0; }
    .tab-nav .nav .tab-item {
      position: relative;
      padding: 14px 50px;
      color: #000;
      white-space: nowrap;
      border-top: 1px solid #dfdfee;
      border-bottom: 1px solid #dfdfee;
      border-right: 1px solid #dfdfee;
      background-color: #f8f8f8;
      scroll-snap-align: start; }
      .tab-nav .nav .tab-item:first-child {
        border-left: 1px solid #dfdfee; }
        .panel .tab-nav .nav .tab-item:first-child {
          border-left: none; }
      .tab-nav .nav .tab-item:before {
        content: "";
        display: block;
        position: absolute;
        left: -1px;
        top: -1px;
        right: -1px;
        height: 2px;
        z-index: 1;
        background-color: transparent; }
      .tab-nav .nav .tab-item:hover {
        text-decoration: none; }
      .tab-nav .nav .tab-item.active {
        background-color: #fff;
        border-bottom: none; }
        .tab-nav .nav .tab-item.active:before {
          background-color: #000; }
        .tab-nav .nav .tab-item.active span {
          font-weight: bold; }
      .tab-nav .nav .tab-item span ~ strong {
        margin-left: 5px;
        vertical-align: inherit; }
      .tab-nav .nav .tab-item strong {
        vertical-align: middle; }
    .tab-nav .nav-arrows {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #fff;
      border-bottom: 1px solid #dfdfee; }
      .tab-nav .nav-arrows button {
        padding: 11px 10px;
        border-left: 1px solid #dfdfee; }
        .tab-nav .nav-arrows button:disabled, .tab-nav .nav-arrows button.disabled {
          cursor: default; }
          .tab-nav .nav-arrows button:disabled .sprite, .tab-nav .nav-arrows button.disabled .sprite {
            opacity: 0.4; }
  .tab-nav-sm .nav .tab-item {
    padding: 12px 20px; }
  .tab-nav-pill .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden; }
    .tab-nav-pill .nav .tab-item {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      font-weight: normal;
      padding: 9px 0;
      background-color: #fff; }
      .tab-nav-pill .nav .tab-item:before, .tab-nav-pill .nav .tab-item:after {
        content: none; }
      .tab-nav-pill .nav .tab-item:first-child {
        border-radius: 2px 0 0 2px; }
      .tab-nav-pill .nav .tab-item:last-child {
        border-radius: 0 2px 2px 0; }
      .tab-nav-pill .nav .tab-item:hover {
        background-color: #f8f8f8; }
        .tab-nav-pill .nav .tab-item:hover .sprite-folder-dark {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -777px -188px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 17px;
          min-width: 17px;
          height: 16px; }
        .tab-nav-pill .nav .tab-item:hover .sprite-tab-category {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -576px -857px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 16px;
          min-width: 16px;
          height: 16px; }
      .tab-nav-pill .nav .tab-item.active {
        color: #fff;
        background-color: #11193f; }
        .tab-nav-pill .nav .tab-item.active span {
          font-weight: normal; }
  .tab-nav-pill.tab-nav-sm .nav .tab-item {
    padding-top: 5px;
    padding-bottom: 5px; }
  .tab-nav-fill .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden; }
    .tab-nav-fill .nav .tab-item {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      padding-left: 0;
      padding-right: 0; }
  .tab-nav-fill.multiline .tab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 9px;
    white-space: normal; }
    .tab-nav-fill.multiline .tab-item p {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 4px; }
  .tab-nav-dark {
    background-color: #11193f; }
    .tab-nav-dark .nav .tab-item {
      color: #fff;
      border-color: transparent;
      background-color: transparent;
      border-bottom: none;
      scroll-snap-align: start; }
      .tab-nav-dark .nav .tab-item > * {
        opacity: 0.5; }
      .tab-nav-dark .nav .tab-item span {
        margin: 0 5px; }
      .tab-nav-dark .nav .tab-item:before {
        content: none; }
      .tab-nav-dark .nav .tab-item:hover, .tab-nav-dark .nav .tab-item.active {
        color: #fff;
        background-color: transparent; }
        .tab-nav-dark .nav .tab-item:hover > *, .tab-nav-dark .nav .tab-item.active > * {
          opacity: 1; }
        .tab-nav-dark .nav .tab-item:hover span, .tab-nav-dark .nav .tab-item.active span {
          font-weight: normal; }
  .tab-nav-border {
    border-bottom: 1px solid #efeff6; }
    .tab-nav-border .nav .tab-item {
      position: relative;
      margin: 0 10px;
      padding: 0 20px;
      height: 43px;
      line-height: 43px;
      border: none;
      background-color: transparent;
      font-size: 14px;
      font-weight: bold;
      color: #999; }
      .tab-nav-border .nav .tab-item:first-child {
        border: 0; }
        .tab-nav-border .nav .tab-item:first-child:before {
          content: none; }
      .tab-nav-border .nav .tab-item:before, .tab-nav-border .nav .tab-item:after {
        content: "";
        display: block;
        position: absolute;
        left: 0; }
      .tab-nav-border .nav .tab-item:before {
        top: 50%;
        width: 1px;
        height: 16px;
        margin-top: -8px;
        background-color: #dfdfee; }
      .tab-nav-border .nav .tab-item:after {
        bottom: 0;
        right: 0;
        height: 3px;
        background-color: transparent; }
      .tab-nav-border .nav .tab-item.active {
        color: #000; }
        .tab-nav-border .nav .tab-item.active:after {
          background-color: #000; }
    .tab-nav-border .nav-arrows {
      margin-right: 10px;
      border-right: 1px solid #dfdfee; }
      .tab-nav-border .nav-arrows button {
        padding: 5px 9px; }
  .tab-nav-vertical {
    padding-bottom: 20px; }
    .tab-nav-vertical .nav {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      overflow: hidden auto;
      border-right: 1px solid #dfdfee; }
      .tab-nav-vertical .nav .tab-item {
        margin: 10px 20px 10px 0;
        padding: 0 0 0 20px;
        text-align: left;
        border-top: none;
        border-right: none;
        border-bottom: none;
        background-color: transparent; }
        .tab-nav-vertical .nav .tab-item:first-child {
          border-left: none; }
        .tab-nav-vertical .nav .tab-item:before {
          left: 0;
          top: 0;
          bottom: 0;
          right: initial;
          width: 3px;
          height: auto; }
        .tab-nav-vertical .nav .tab-item:after {
          content: "";
          display: block;
          position: absolute;
          left: 20px;
          bottom: -10px;
          right: 0;
          height: 1px;
          background-color: #efeff6; }
        .tab-nav-vertical .nav .tab-item.active {
          border-left: none;
          background-color: #f8f8f8;
          border-radius: 0 100px 100px 0; }
          .tab-nav-vertical .nav .tab-item.active::before {
            background-color: #2763ea; }
          .tab-nav-vertical .nav .tab-item.active span,
          .tab-nav-vertical .nav .tab-item.active strong {
            color: #2763ea; }
        .tab-nav-vertical .nav .tab-item span,
        .tab-nav-vertical .nav .tab-item strong {
          display: block;
          min-height: 34px;
          line-height: 34px; }
    .tab-nav-vertical + .tab-body {
      border: none;
      margin: 0;
      border-radius: 0;
      margin-left: -1px;
      border-left: 1px solid #dfdfee; }
  .tab-nav-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 56px; }

.tab-body {
  margin-top: -1px;
  padding: 30px;
  border: 1px solid #dfdfee;
  border-radius: 0 5px 5px 5px;
  background-color: #fff;
  display: none; }
  .tab-body.active {
    display: block; }
  .tab-body ~ .card {
    margin-top: 10px; }
  .tab-body .control ~ hr:first-of-type {
    margin-top: 0; }
  .tab-body .control ~ hr:last-of-type {
    margin-bottom: 15px; }
  .tab-nav-pill ~ .tab-body {
    padding: 0;
    border: none; }
  .tab-nav-fill ~ .tab-body {
    border-top-right-radius: 0; }
  .box-scroll .tab-body {
    margin: 0;
    border: 0; }
  .tab-body .btns {
    margin-top: 20px;
    text-align: right; }
    .tab-body .btns.sticky {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      padding-bottom: 15px;
      background: #fff;
      margin-bottom: -15px; }

.tab-panel {
  display: none; }
  .tab-panel.active {
    display: block; }

.pagination {
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle; }
  .pagination ul,
  .pagination li {
    display: inline-block; }
  .pagination .page-item a,
  .pagination .page-item .page-link,
  .pagination .page-item a.page-link {
    display: inline-block;
    padding: 0 6px;
    color: #000;
    font-weight: bold;
    vertical-align: middle; }
    .pagination .page-item a:hover,
    .pagination .page-item .page-link:hover,
    .pagination .page-item a.page-link:hover {
      text-decoration: none; }
    .pagination .page-item a.disabled,
    .pagination .page-item .page-link.disabled,
    .pagination .page-item a.page-link.disabled {
      opacity: 0.3; }
  .pagination .page-item.disabled {
    opacity: 0.3; }
  .pagination .page-item.active a,
  .pagination .page-item.active a.page-link {
    color: #2763ea; }
  .pagination .page-prev a.page-link, .pagination .page-next a.page-link, .pagination .page-first a.page-link, .pagination .page-last a.page-link {
    font: 0/0 a; }
    .pagination .page-prev a.page-link:after, .pagination .page-next a.page-link:after, .pagination .page-first a.page-link:after, .pagination .page-last a.page-link:after {
      content: ""; }
  .pagination .page-prev a.page-link:after {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -248px -180px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 9px;
    min-width: 9px;
    height: 16px; }
  .pagination .page-next a.page-link:after {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -462px -402px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 9px;
    min-width: 9px;
    height: 16px; }
  .pagination .page-first a.page-link:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 14px;
    vertical-align: middle;
    margin-right: 1px;
    border-radius: 2px;
    background-color: #000; }
  .pagination .page-first a.page-link:after {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -248px -180px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 9px;
    min-width: 9px;
    height: 16px; }
  .pagination .page-last a.page-link:before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -462px -402px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 9px;
    min-width: 9px;
    height: 16px; }
  .pagination .page-last a.page-link:after {
    display: inline-block;
    width: 2px;
    height: 14px;
    vertical-align: middle;
    margin-left: 1px;
    border-radius: 2px;
    background-color: #000; }
  .pagination ~ .inline-form .select2-container {
    min-width: 120px; }
  .pagination .btn-ghost.btn-viewmore {
    margin: 0 15px 0 3px;
    padding: 0; }
    .pagination .btn-ghost.btn-viewmore:hover {
      background-color: transparent; }
    .pagination .btn-ghost.btn-viewmore[disabled], .pagination .btn-ghost.btn-viewmore.disabled {
      color: #999; }
      .pagination .btn-ghost.btn-viewmore[disabled] .box-bg.dark, .pagination .btn-ghost.btn-viewmore.disabled .box-bg.dark {
        background-color: #d0d0d6; }
    .pagination .btn-ghost.btn-viewmore .box-bg {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 20px;
      height: 20px;
      margin-left: 8px;
      border-radius: 2px; }

.breadcrumb {
  margin-top: -5px; }
  .breadcrumb > ol {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .breadcrumb > ol > li {
      line-height: 27px; }
      .breadcrumb > ol > li > * {
        display: inline-block; }
      .breadcrumb > ol > li:before {
        content: '';
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -1025px -875px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 4px;
        min-width: 4px;
        height: 8px;
        margin: 0 10px; }
      .breadcrumb > ol > li:first-child:before {
        content: none; }
  .breadcrumb .breadcrumb-item {
    line-height: 27px; }
    .breadcrumb .breadcrumb-item a,
    .breadcrumb .breadcrumb-item span {
      display: inline-block;
      max-width: 200px;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      vertical-align: middle; }
  .breadcrumb .breadcrumb-nav-item {
    max-width: none;
    white-space: normal;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .breadcrumb .btn-dropdown.dropdown-open .btn-dropdown-trigger {
    background-color: #d2d2d2; }
  .breadcrumb .btn-dropdown-trigger {
    padding: 5px;
    vertical-align: initial; }
    .breadcrumb .btn-dropdown-trigger:hover {
      background-color: #e5e5e5; }
    .breadcrumb .btn-dropdown-trigger:active {
      background-color: #d2d2d2; }
    .breadcrumb .btn-dropdown-trigger .btn-dropdown-status, .breadcrumb .btn-dropdown-trigger:hover .btn-dropdown-status {
      color: #000; }
    .breadcrumb .btn-dropdown-trigger .btn-dropdown-icon .sprite, .breadcrumb .btn-dropdown-trigger:hover .btn-dropdown-icon .sprite {
      background: none;
      width: 0 !important;
      min-width: 0 !important;
      height: 0;
      border-style: solid;
      border-width: 7px 3px 0 3px;
      border-color: #686868 transparent transparent transparent; }
  .breadcrumb .btn-dropdown-status {
    padding: 0 5px 0 0; }
  .breadcrumb .btn-dropdown-icon {
    height: auto;
    line-height: 1;
    border: none; }
  .breadcrumb .btn-dropdown-layer {
    margin-top: 3px;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); }
  .breadcrumb .btn-dropdown-list {
    padding: 3px 0; }
    .breadcrumb .btn-dropdown-list a,
    .breadcrumb .btn-dropdown-list button {
      white-space: nowrap;
      padding: 5px 20px; }
      .breadcrumb .btn-dropdown-list a:disabled, .breadcrumb .btn-dropdown-list a[disabled],
      .breadcrumb .btn-dropdown-list button:disabled,
      .breadcrumb .btn-dropdown-list button[disabled] {
        color: #999; }
    .breadcrumb .btn-dropdown-list .selected {
      background-color: #f4f7fe; }
      .breadcrumb .btn-dropdown-list .selected a,
      .breadcrumb .btn-dropdown-list .selected button {
        color: #000; }
  .breadcrumb .select2-container {
    min-width: 0; }
    .breadcrumb .select2-container .select2-selection__control {
      min-height: 0;
      background: transparent;
      border: none; }

.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding-bottom: 20px;
  z-index: 6; }
  .page-header-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 30px;
    padding-right: 10px; }
    .page-header-info .breadcrumb {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 2;
      white-space: nowrap; }
    .page-header-info .page-prev {
      -ms-flex-item-align: start;
          align-self: flex-start;
      margin-right: 12px;
      padding-top: 10px; }
      .page-header-info .page-prev + .page-title {
        padding: 7px; }
      .page-header-info .page-prev .sprite {
        vertical-align: top; }
      .page-header-info .page-prev .btn-icon-solid {
        margin-top: -6px; }
        .page-header-info .page-prev .btn-icon-solid + a {
          font-size: 24px;
          line-height: 1;
          margin-left: 12px; }
  .page-header-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .page-header-tools hr {
      margin: 0 10px;
      width: 1px;
      height: 38px; }
      .page-header-tools hr + .btn {
        margin-left: 0; }
  .page-header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .page-header-title > .btn:first-child {
      margin-right: 10px;
      padding-top: 13px;
      -ms-flex-item-align: start;
          align-self: start; }
  .page-header .page-header-nav {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    margin: 20px 0 -5px; }
    .page-header .page-header-nav .tab-nav .nav .tab-item {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      padding: 10px 30px; }
  .page-header .page-title {
    font-size: 24px;
    line-height: 1;
    font-weight: bold; }

.card-search-expand {
  z-index: 5 !important; }

.card-search .card-body {
  padding: 20px; }

.modal .card-search .form-search .col {
  padding: 0 10px !important;
  white-space: nowrap;
  border-left: 1px solid #dfdfee !important; }
  .modal .card-search .form-search .col:first-of-type {
    padding-left: 0 !important;
    border-left: 0 !important; }
  .modal .card-search .form-search .col:last-of-type {
    padding-right: 0 !important; }

.card-search + .card > .card-body {
  padding-top: 15px; }

.card-search-in-card {
  border-bottom: 0;
  border-radius: 5px 5px 0 0; }
  .card-search-in-card + .card {
    border-radius: 0 0 5px 5px;
    margin-top: 0; }
    .card-search-in-card + .card > .card-body {
      padding-top: 0; }

.in-sidebar .card-search.card-search-in-tab {
  width: auto;
  min-width: 0; }

.card-search.card-search-in-tab:first-child .card-body {
  padding: 0 0 20px 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #efeff6; }

.card-search.card-search-in-tab .card-body {
  padding: 0 0 20px 0;
  margin-bottom: 30px; }

.card-search.card-search-in-tab .area-search .col:only-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }

.card-search.card-search-all-switch .card-body {
  padding: 0; }

.card-search.card-search-all-switch .form-search {
  position: relative;
  padding-left: 246px;
  padding-right: 30px; }
  .card-search.card-search-all-switch .form-search .area-type {
    width: auto;
    height: auto;
    white-space: nowrap;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 0; }
    .card-search.card-search-all-switch .form-search .area-type strong {
      padding-right: 20px; }
  .card-search.card-search-all-switch .form-search .area-search {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0; }
  .card-search.card-search-all-switch .form-search .area-btns {
    padding-top: 15px;
    padding-bottom: 15px; }
  .card-search.card-search-all-switch .form-search.expand {
    display: block; }
    .card-search.card-search-all-switch .form-search.expand .area-type {
      width: 100%;
      min-height: 68px; }
      .card-search.card-search-all-switch .form-search.expand .area-type strong {
        margin-right: 20px;
        border-right: 1px solid #dfdfee; }
      .card-search.card-search-all-switch .form-search.expand .area-type .btn:last-child {
        position: absolute;
        right: 30px;
        padding-right: 0; }
    .card-search.card-search-all-switch .form-search.expand .area-search {
      border-left: 0;
      border-top: 1px solid #dfdfee; }
    .card-search.card-search-all-switch .form-search.expand .area-btns {
      margin-left: 20px;
      padding-bottom: 20px;
      width: calc(100% - 20px); }

.card-search.card-search-all {
  position: -webkit-sticky;
  position: sticky;
  top: 56px;
  z-index: 2; }
  .card-search.card-search-all ~ .card .is-control-sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    background-color: #fff;
    border-top: 1px solid #dfdfee;
    border-bottom: 1px solid #dfdfee;
    top: calc(56px + 94px);
    padding-top: 15px;
    margin-top: -20px; }
  .card-search.card-search-all:after {
    width: calc(100% - 60px);
    margin: 0 30px;
    background-color: #b6b6ca; }
  .card-search.card-search-all .card-body {
    padding: 0; }
  .card-search.card-search-all .form-search-compact {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 50px; }
    .card-search.card-search-all .form-search-compact .area-search {
      position: relative;
      padding: 0;
      border: 0; }
      .card-search.card-search-all .form-search-compact .area-search > .MzcCpIcon-root,
      .card-search.card-search-all .form-search-compact .area-search > .sprite-search-dark {
        position: absolute;
        left: 22px;
        top: 14px; }
      .card-search.card-search-all .form-search-compact .area-search input[type='text'] {
        height: 44px;
        padding: 13px 58px;
        border-radius: 22px;
        border: solid 2px #11193f;
        background-color: #fff; }
        .card-search.card-search-all .form-search-compact .area-search input[type='text']:focus {
          border-color: #2763ea; }
      .card-search.card-search-all .form-search-compact .area-search .btn-icon-solid {
        position: absolute;
        right: 22px;
        top: 14px; }

.form-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 1024px) {
    .card-folder .form-search:not(.form-search-switch) .area-search .row:last-child {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .card-folder .form-search:not(.form-search-switch) .area-search .row:last-child .col:first-child, .card-folder .form-search:not(.form-search-switch) .area-search .row:last-child .col:last-child {
        padding: 0;
        border: none; }
      .card-folder .form-search:not(.form-search-switch) .area-search .row:last-child .col:first-child {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dfdfee; } }
  @media screen and (max-width: 1650px) {
    .panel-push-open .card-folder .form-search:not(.form-search-switch) .area-search .row:last-child {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .panel-push-open .card-folder .form-search:not(.form-search-switch) .area-search .row:last-child .col:first-child, .panel-push-open .card-folder .form-search:not(.form-search-switch) .area-search .row:last-child .col:last-child {
        padding: 0;
        border: none; }
      .panel-push-open .card-folder .form-search:not(.form-search-switch) .area-search .row:last-child .col:first-child {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dfdfee; } }
  @media screen and (max-width: 1650px) {
    .panel-push-open .card-folder .form-search.form-search-switch .area-search {
      padding-right: 0;
      border-right: 0; }
    .panel-push-open .card-folder .form-search.form-search-switch .area-btns {
      padding-left: 0;
      margin-top: 10px;
      -ms-flex-item-align: end;
          align-self: flex-end; } }
  .modal .form-search:not(.tree) > {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfee; }
  .modal .form-search .form-search-toggle .area-search .row:last-child {
    margin-top: 5px;
    padding-top: 0;
    border-top: none; }
  .modal .form-search .form-search-toggle .area-toggle {
    margin-top: 5px;
    padding-top: 0;
    border-top: none; }
  .modal .form-search .area-search .col {
    padding: 0 2.5px;
    border-left: none; }
    .modal .form-search .area-search .col:first-of-type {
      padding-left: 0; }
    .modal .form-search .area-search .col:last-of-type {
      padding-right: 0; }
  .form-search .area-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 156px;
    height: 38px; }
    .form-search .area-type button {
      padding: 0 16px 0 0; }
      .form-search .area-type button .sprite {
        min-width: 17px; }
  .form-search .area-quick {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative; }
    .form-search .area-quick > .MzcCpIcon-root,
    .form-search .area-quick .sprite-search-dark {
      position: absolute;
      left: 16px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      .form-search .area-quick > .MzcCpIcon-root + *,
      .form-search .area-quick .sprite-search-dark + * {
        margin: 0; }
    .form-search .area-quick input[type='text'] {
      padding-left: 47px;
      padding-right: 47px;
      border-radius: 20px;
      border-color: #6f6f83; }
      .form-search .area-quick input[type='text']:hover, .form-search .area-quick input[type='text']:active {
        border-color: #2763ea; }
    .form-search .area-quick .btn-clear {
      position: absolute;
      right: 16px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .form-search .area-quick + .area-type {
      width: auto;
      padding: 0 0 0 20px; }
      .form-search .area-quick + .area-type .btn {
        padding: 0; }
  .form-search .area-expand {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    position: absolute;
    padding: 30px 67px 30px 30px;
    top: 65px;
    left: 20px;
    right: 20px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #11193f;
    background: #fff;
    z-index: 10; }
    .form-search .area-expand .area-search {
      display: block;
      max-width: 100%;
      padding-right: 0;
      padding-left: 0;
      border-right: none;
      border-left: none; }
      .form-search .area-expand .area-search > .row {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 100%;
        margin-top: 20px;
        padding: 10px 0 0 0;
        border-left: 0;
        border-top: 1px solid #dfdfee; }
        .form-search .area-expand .area-search > .row:first-of-type {
          margin-top: -5px;
          padding-top: 0;
          border-top: 0; }
        .form-search .area-expand .area-search > .row > .col {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 0;
              -ms-flex: 0 1 50%;
                  flex: 0 1 50%;
          max-width: 50%;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border: none;
          margin-top: 10px;
          padding: 0; }
          .form-search .area-expand .area-search > .row > .col:only-child {
            -webkit-box-flex: 0;
                -ms-flex: 0 1 100%;
                    flex: 0 1 100%;
            max-width: 100%; }
            .form-search .area-expand .area-search > .row > .col:only-child.half {
              -webkit-box-flex: 0;
                  -ms-flex: 0 1 50%;
                      flex: 0 1 50%;
              max-width: 50%; }
          .form-search .area-expand .area-search > .row > .col:nth-child(even) {
            padding-left: 20px; }
          .form-search .area-expand .area-search > .row > .col > label {
            position: relative;
            width: 120px;
            min-width: 120px;
            padding-left: 10px;
            padding-right: 10px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            max-height: 40px;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            font-weight: bold;
            white-space: normal;
            word-break: break-word;
            overflow: hidden; }
            .form-search .area-expand .area-search > .row > .col > label:before {
              content: '';
              position: absolute;
              left: 0;
              top: 50%;
              display: block;
              width: 3px;
              height: 3px;
              margin-top: -1.5px;
              background-color: #000; }
          .form-search .area-expand .area-search > .row > .col > div {
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
      @media screen and (max-width: 1920px) {
        .panel-push-open .card-folder .form-search .area-expand .area-search > .row > .col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          max-width: 100%; }
          .panel-push-open .card-folder .form-search .area-expand .area-search > .row > .col.half {
            -webkit-box-flex: 0;
                -ms-flex: 0 1 100%;
                    flex: 0 1 100%;
            max-width: 100%; }
          .panel-push-open .card-folder .form-search .area-expand .area-search > .row > .col:nth-child(even) {
            padding: 0; } }
      @media screen and (max-width: 1260px) {
        .form-search .area-expand .area-search > .row > .col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          max-width: 100%; }
          .form-search .area-expand .area-search > .row > .col.half {
            -webkit-box-flex: 0;
                -ms-flex: 0 1 100%;
                    flex: 0 1 100%;
            max-width: 100%; }
          .form-search .area-expand .area-search > .row > .col:nth-child(even) {
            padding: 0; } }
      @media screen and (max-width: 1600px) {
        .panel-push-open .form-search .area-expand .area-search > .row > .col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          max-width: 100%; }
          .panel-push-open .form-search .area-expand .area-search > .row > .col.half {
            -webkit-box-flex: 0;
                -ms-flex: 0 1 100%;
                    flex: 0 1 100%;
            max-width: 100%; }
          .panel-push-open .form-search .area-expand .area-search > .row > .col:nth-child(even) {
            padding: 0; }
        .card-folder .form-search .area-expand .area-search > .row > .col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          max-width: 100%; }
          .card-folder .form-search .area-expand .area-search > .row > .col.half {
            -webkit-box-flex: 0;
                -ms-flex: 0 1 100%;
                    flex: 0 1 100%;
            max-width: 100%; }
          .card-folder .form-search .area-expand .area-search > .row > .col:nth-child(even) {
            padding: 0; } }
      .form-search .area-expand .area-search .SingleDatePickerInput {
        width: 100%; }
    .form-search .area-expand .area-btns {
      width: 100%;
      margin-top: 15px;
      padding-top: 20px;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      border-top: 1px solid #dfdfee; }
    .form-search .area-expand .btn-close {
      position: absolute;
      right: 30px;
      top: 30px; }
  .form-search-compact {
    position: relative; }
    .form-search-compact .search-form-group {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      position: relative; }
      .form-search-compact .search-form-group input {
        padding-right: 38px; }
      .form-search-compact .search-form-group .btn-reset {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding: 0 10px; }
    .form-search-compact .reset {
      position: absolute;
      width: 16px;
      height: 16px;
      right: 55px;
      top: 50%;
      margin-top: -8px; }
      .form-search-compact .reset input {
        position: absolute;
        width: 16px;
        height: 16px;
        opacity: 0; }
      .form-search-compact .reset .sprite {
        vertical-align: top; }
    .form-search-compact .btn {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      margin-left: 5px; }
    .form-search-compact .area-search {
      border-right: 0;
      padding-right: 0; }
    .form-search-compact .area-btns {
      padding-left: 0; }
  .form-search-toggle .area-search {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .form-search-toggle .area-search .row {
      width: 100%; }
      .form-search-toggle .area-search .row:first-child {
        padding-right: 0; }
      .form-search-toggle .area-search .row:last-child {
        margin-top: 10px;
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
        border-left: 0;
        border-top: 1px solid #dfdfee; }
      .form-search-toggle .area-search .row:only-child {
        padding-top: 0;
        border-top: 0;
        margin-top: 0; }
  .form-search-toggle .area-toggle {
    display: none;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #dfdfee; }
  .form-search-toggle.expand .area-btns {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .form-search.expand .area-toggle {
    display: block; }
  .form-search.expand .row-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .form-search.expand .btn-toggle .sprite {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -813px -928px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 16px;
    min-width: 16px;
    height: 10px; }
  .form-search-stack-switch {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: block; }
    .form-search-stack-switch > .area-type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: auto;
      height: auto; }
      .form-search-stack-switch > .area-type .btn {
        padding-right: 0; }
    .form-search-stack-switch > .area-search {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 15px 0 5px;
      padding-right: 0;
      border: none; }
      .form-search-stack-switch > .area-search .row {
        margin-top: 5px;
        padding: 0;
        border-top: none;
        border-left: none; }
      .form-search-stack-switch > .area-search .search-form-group .form-group {
        border: 0;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        .form-search-stack-switch > .area-search .search-form-group .form-group .input-group-time {
          width: 130px; }
    .form-search-stack-switch > .area-btns {
      padding-left: 0; }
      .form-search-stack-switch > .area-btns .btn-group {
        width: 100%; }
        .form-search-stack-switch > .area-btns .btn-group .btn:first-child {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .form-search-switch.expand {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .form-search-switch.expand .area-search {
      display: block;
      max-width: 100%;
      padding-right: 0;
      padding-left: 20px;
      border-right: 0;
      border-left: 1px solid #dfdfee; }
      .form-search-switch.expand .area-search > .row {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 100%;
        margin-top: 15px;
        padding: 10px 0 0 0;
        border-left: 0;
        border-top: 1px solid #dfdfee; }
        .form-search-switch.expand .area-search > .row:first-of-type {
          margin-top: -5px;
          padding-top: 0;
          border-top: 0; }
        .form-search-switch.expand .area-search > .row > .col {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 0;
              -ms-flex: 0 1 50%;
                  flex: 0 1 50%;
          max-width: 50%;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border: none;
          margin-top: 5px;
          padding: 0; }
          .form-search-switch.expand .area-search > .row > .col:only-child {
            -webkit-box-flex: 0;
                -ms-flex: 0 1 100%;
                    flex: 0 1 100%;
            max-width: 100%; }
          .form-search-switch.expand .area-search > .row > .col:nth-child(even) {
            padding-left: 20px; }
          .form-search-switch.expand .area-search > .row > .col > label {
            position: relative;
            width: 120px;
            min-width: 120px;
            padding-left: 10px;
            padding-right: 10px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            max-height: 40px;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            font-weight: bold;
            white-space: normal;
            word-break: break-word;
            overflow: hidden; }
            .form-search-switch.expand .area-search > .row > .col > label:before {
              content: '';
              position: absolute;
              left: 0;
              top: 50%;
              display: block;
              width: 3px;
              height: 3px;
              margin-top: -1.5px;
              background-color: #000; }
          .form-search-switch.expand .area-search > .row > .col > div {
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
      @media screen and (max-width: 1920px) {
        .panel-push-open .card-folder .form-search-switch.expand .area-search > .row > .col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          max-width: 100%; }
          .panel-push-open .card-folder .form-search-switch.expand .area-search > .row > .col:nth-child(even) {
            padding: 0; } }
      @media screen and (max-width: 1260px) {
        .form-search-switch.expand .area-search > .row > .col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          max-width: 100%; }
          .form-search-switch.expand .area-search > .row > .col:nth-child(even) {
            padding: 0; } }
      @media screen and (max-width: 1600px) {
        .panel-push-open .form-search-switch.expand .area-search > .row > .col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          max-width: 100%; }
          .panel-push-open .form-search-switch.expand .area-search > .row > .col:nth-child(even) {
            padding: 0; }
        .card-folder .form-search-switch.expand .area-search > .row > .col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          max-width: 100%; }
          .card-folder .form-search-switch.expand .area-search > .row > .col:nth-child(even) {
            padding: 0; } }
      .form-search-switch.expand .area-search .SingleDatePickerInput {
        width: 100%; }
    .form-search-switch.expand .area-btns {
      width: 100%;
      margin-top: 20px;
      padding-top: 15px;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      border-top: 1px solid #dfdfee; }

.input-search {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 240px; }
  .modal .input-search {
    margin-bottom: 10px; }
  .input-search input {
    border: 1px solid #b6b6ca;
    border-radius: 2px;
    padding-right: 30px; }
    .input-search input:hover, .input-search input:active, .input-search input.active {
      border-color: #2763ea; }
    .input-search input:-moz-placeholder-shown {
      padding-left: 46px; }
    .input-search input:-ms-input-placeholder {
      padding-left: 46px; }
    .input-search input:placeholder-shown {
      padding-left: 46px; }
      .input-search input:-moz-placeholder-shown + .MzcCpIcon-root, .input-search input:-moz-placeholder-shown + .sprite-search-dark {
        left: 20px;
        top: 11px;
        opacity: 1; }
      .input-search input:-ms-input-placeholder + .MzcCpIcon-root, .input-search input:-ms-input-placeholder + .sprite-search-dark {
        left: 20px;
        top: 11px;
        opacity: 1; }
      .input-search input:placeholder-shown + .MzcCpIcon-root,
      .input-search input:placeholder-shown + .sprite-search-dark {
        left: 20px;
        top: 11px;
        opacity: 1; }
    .input-search input:focus {
      padding-left: 20px;
      padding-right: 30px; }
      .input-search input:focus + .MzcCpIcon-root,
      .input-search input:focus + .sprite-search-dark {
        width: 0;
        opacity: 0;
        pointer-events: none; }
  .input-search .MzcCpIcon-root,
  .input-search .sprite-search-dark {
    position: absolute;
    width: 0;
    opacity: 0;
    pointer-events: none; }
  .input-search .btn-icon-solid {
    position: absolute;
    right: 12px;
    top: 11px; }

.card-search-all .area-all {
  min-width: 100px;
  font-size: 15px;
  padding-right: 20px; }

.card-search-all-switch .area-all {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 246px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 25px 30px;
  white-space: nowrap;
  border-right: 1px solid #dfdfee; }

.area-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 10px;
  border-right: 1px solid #dfdfee; }
  .area-search.no-border {
    border-right: 0; }
  .area-search > .form-input {
    position: relative;
    width: 100%; }
    .area-search > .form-input .btn-reset {
      position: absolute;
      right: 0px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 30px;
      height: 100%; }
      .area-search > .form-input .btn-reset i {
        margin-top: -3px; }
  .area-search .row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    padding: 0 10px;
    border-left: 1px solid #dfdfee; }
    .area-search .row:first-of-type {
      padding-left: 0;
      border-left: 0; }
    .area-search .row:last-of-type {
      padding-right: 0; }
    .area-search .row-toggle {
      display: none; }
  .area-search .col {
    width: auto;
    padding: 0 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    white-space: nowrap;
    border-left: 1px solid #dfdfee; }
    .area-search .col:first-of-type {
      padding-left: 0;
      border-left: 0; }
    .area-search .col:last-of-type {
      padding-right: 0; }
    .area-search .col:only-child {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .area-search .col.flex-grow-1 {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .area-search .col-pipeline select {
      min-width: 220px; }
    .area-search .col-keyword .select2-container,
    .area-search .col-keyword select {
      width: 100px;
      min-width: 100px; }
    .area-search .col-state select {
      min-width: 220px; }
    .area-search .col-status select, .area-search .col-type select {
      min-width: 135px; }
    .area-search .col-event-type select {
      min-width: 175px; }
    .area-search .col-name select {
      width: 135px; }
    .area-search .col-project select, .area-search .col-source select {
      width: 135px; }
  @media screen and (max-width: 1800px) {
    .area-search {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .area-search .row {
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #dfdfee; }
        .area-search .row:first-of-type {
          margin-top: 0;
          padding-top: 0;
          padding-right: 0;
          border-top: 0; }
        .area-search .row:last-of-type {
          padding-left: 0;
          border-left: 0; } }
  @media screen and (max-width: calc(1900px + 255px)) {
    .row-column .area-search {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .row-column .area-search .row {
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #dfdfee; }
        .row-column .area-search .row:first-of-type {
          margin-top: 0;
          padding-top: 0;
          padding-right: 0;
          border-top: 0; }
        .row-column .area-search .row:last-of-type {
          padding-left: 0;
          border-left: 0; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .area-search {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .area-search .row {
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #dfdfee; }
        .area-search .row:first-of-type {
          margin-top: 0;
          padding-top: 0;
          padding-right: 0;
          border-top: 0; }
        .area-search .row:last-of-type {
          padding-left: 0;
          border-left: 0; } }
  .area-search select,
  .area-search input[type='text'] {
    width: 100%; }
  .area-search .DateRangePicker input[type='text'] {
    height: 100%; }
  .area-search .search-form-group .form-group {
    border: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    height: 36px; }
  .area-search .select2-container {
    min-width: 150px; }

.area-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .area-btns .form-checkbox span {
    text-transform: none; }
  .area-btns .form-checkbox:first-child {
    margin-right: 10px; }
  .area-btns .btn.btn-toggle {
    margin-right: 5px; }

.search-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 38px;
  border: 1px solid #b6b6ca; }
  .search-form-group .search-form-group-title {
    position: relative;
    display: inline-block;
    -ms-flex-item-align: center;
        align-self: center;
    min-height: 36px;
    line-height: 36px;
    padding: 0 20px; }
    .search-form-group .search-form-group-title:after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      display: inline-block;
      width: 1px;
      height: 18px;
      margin-top: -9px;
      background-color: #e6e6ec; }
  .search-form-group .select2-selection__control {
    height: 100%;
    min-height: 36px;
    border: none !important; }
  .search-form-group .select2-container:first-child {
    width: 120px;
    min-width: 0;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    border-right: 1px solid #dfdfee !important; }
  .search-form-group select,
  .search-form-group input[type='text'] {
    border: none;
    width: 100%;
    height: 100%;
    -ms-flex-item-align: center;
        align-self: center; }
  .search-form-group select {
    border-right: 1px solid #b6b6ca;
    border-radius: 2px 0 0 2px; }
    .search-form-group select:last-child {
      border-right: 0; }
  .search-form-group .DateRangePickerInput__withBorder {
    border-color: transparent !important; }

.metadata-search .row {
  border: none;
  margin: 0;
  padding: 0; }
  .metadata-search .row:last-child {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfee; }

.metadata-search .col {
  padding: 2.5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
  border-left: none; }
  .metadata-search .col:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .metadata-search .col:last-child > div:first-child {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }

.metadata-search .select2-container {
  min-width: 0; }

.metadata-search .form-group {
  width: 100%; }

.metadata-search .separate {
  padding: 0 5px; }

.metadata-search .btns {
  margin-top: 0;
  padding-top: 0;
  border: none;
  text-align: left; }

.metadata-search .message-guide {
  margin-bottom: 5px; }

.search-control {
  padding: 0 30px;
  border: 1px solid #dfdfee;
  border-bottom: 0;
  background-color: #fff; }
  .search-control:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dfdfee; }
  .search-control + .card {
    border-radius: 0 0 5px 5px;
    margin-top: 0;
    border-top: none; }
  .search-control .keyword {
    padding: 40px 0 30px;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; }
  .search-control .tab {
    border-bottom: 1px solid #dfdfee; }
    .search-control .tab .tab-nav-pill {
      margin-bottom: -1px; }
      .search-control .tab .tab-nav-pill .nav {
        width: auto; }
        .search-control .tab .tab-nav-pill .nav .tab-item {
          -webkit-box-flex: 0;
              -ms-flex: 0;
                  flex: 0;
          min-width: 133px; }
          .search-control .tab .tab-nav-pill .nav .tab-item:hover .sprite-storage-primary {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -468px -857px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 16px;
            min-width: 16px;
            height: 16px; }
          .search-control .tab .tab-nav-pill .nav .tab-item:hover .sprite-assets-primary {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -398px -749px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 16px;
            min-width: 16px;
            height: 16px; }
          .search-control .tab .tab-nav-pill .nav .tab-item.active .sprite-storage-primary {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -432px -857px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 16px;
            min-width: 16px;
            height: 16px; }
          .search-control .tab .tab-nav-pill .nav .tab-item.active .sprite-assets-primary {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -362px -749px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 16px;
            min-width: 16px;
            height: 16px; }
          .search-control .tab .tab-nav-pill .nav .tab-item.active:hover .sprite-storage-primary {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -432px -857px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 16px;
            min-width: 16px;
            height: 16px; }
          .search-control .tab .tab-nav-pill .nav .tab-item.active:hover .sprite-assets-primary {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -362px -749px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 16px;
            min-width: 16px;
            height: 16px; }
  .search-control .control {
    padding-bottom: 0; }
  .search-control .filter {
    position: relative;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .search-control .filter .popper-tooltip {
      margin-right: 30px; }
    .search-control .filter .form-radio-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      white-space: nowrap;
      margin-left: 0; }
    .search-control .filter hr {
      margin: 0 20px;
      height: 17px; }
    .search-control .filter .form-radio {
      margin: 10px; }
      .search-control .filter .form-radio ~ .form-radio {
        margin: 10px; }
  .search-control .tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .search-control .tools .btn-detail-filter {
      padding: 0 20px 0 10px; }
  .search-control .detail {
    background-color: #fcfcfc; }
    .search-control .detail .form-search-switch.expand > .area-search {
      padding-right: 60px;
      padding-left: 60px;
      padding: 20px 60px;
      border-right: 0;
      border-left: 0;
      border-top: 1px solid #dfdfee; }
  .search-control + .card .card-body {
    padding-top: 0; }

.empty {
  width: 100%;
  padding: 50px 0;
  text-align: center; }
  .box-border .empty,
  .box-scroll .empty {
    padding: 20px 0;
    border: none !important; }
  .empty > .sprite:not(:only-child) {
    margin-bottom: 15px; }
  .empty > .sprite + * {
    margin: 0; }
  .empty .btn {
    margin: 10px 0; }
  .empty ~ .btn-file {
    display: block;
    text-align: center;
    margin-top: 15px; }
  .card-body .empty + .btns {
    margin: 0;
    padding: 0;
    border-top: none;
    text-align: center; }
  .row-column .empty {
    border-top: 1px solid #dfdfee; }
    .row-column .empty + .btns {
      margin-top: -30px; }
  .empty.empty-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    background-color: #f2f2f2;
    border-radius: 5px; }
    .empty.empty-media p {
      margin: 20px 0 10px; }

.modal-body > .box {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 20px; }
  .modal-body > .box:last-of-type {
    margin-bottom: 0; }
  .modal-body > .box:not(div) {
    margin-top: 5px; }

.box-border {
  position: relative;
  padding: 30px;
  border: 1px solid #dfdfee; }
  .box-border.disabled, .box-border[disabled] {
    pointer-events: none;
    opacity: 0.5; }
  .box-border .btn-edit {
    margin-left: 4px; }
    .box-border .btn-edit.right {
      float: right; }
  .box-border:hover .btn-edit {
    position: static; }
    .box-border:hover .btn-edit i {
      position: relative;
      z-index: 1; }
    .box-border:hover .btn-edit:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #f4f7fe;
      z-index: -1; }
  .box-border + .box-border {
    margin-top: 10px; }
  .box-border-radius {
    border-radius: 5px; }
    .box-border-radius-sm {
      border-radius: 3px; }
    .box-border-radius-xs {
      border-radius: 2px; }
  .box-border-sm {
    padding: 20px; }
  .box-border-xs {
    padding: 10px; }
  .box-border.is-edit {
    border-color: #2763ea; }
  .box-border.has-bg {
    background-color: #f8f8f8; }
  .modal-body .box-border {
    margin-bottom: 10px; }
    .modal-body .box-border:last-of-type {
      margin-bottom: 0; }
  .box-border hr:not(.inline) {
    margin: 20px 0; }
  .box-border hr:first-child {
    display: none; }
  .box-border .box-border {
    margin: 10px 0; }
    .box-border .box-border:first-child {
      margin-top: 0; }
    .box-border .box-border + .box-border {
      margin: 10px 0; }
  .row-column .box-border:last-child {
    margin-bottom: 0; }

.box-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #dfdfee;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain; }
  .box-scroll::-webkit-scrollbar {
    width: 14px;
    height: 20px;
    margin: 10px; }
  .box-scroll::-webkit-scrollbar-track {
    background: transparent; }
  .box-scroll::-webkit-scrollbar-thumb {
    background: rgba(17, 25, 63, 0.15);
    border-radius: 10px;
    background-clip: padding-box;
    border: 4px solid transparent; }
  .box-scroll textarea {
    border: none; }
  .modal-body .box-scroll {
    margin-bottom: 10px; }
    .modal-body .box-scroll:last-of-type {
      margin-bottom: 0; }
    .modal-body .box-scroll:only-child {
      margin-top: 0; }
  .box-scroll-horizontal {
    padding-bottom: 5px;
    overflow-y: hidden;
    overflow-x: auto; }
    .box-scroll-horizontal::-webkit-scrollbar {
      width: 10px;
      height: 6px; }
    .box-scroll-horizontal::-webkit-scrollbar-track {
      background: transparent; }
    .box-scroll-horizontal::-webkit-scrollbar-thumb {
      background: rgba(17, 25, 63, 0.15);
      border-radius: 10px; }
  .box-scroll-image {
    max-height: 370px;
    height: 370px;
    padding: 10px; }
  .box-scroll + .row {
    margin-top: 15px; }

.box-continent {
  max-height: 580px;
  margin-top: 15px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #dfdfee;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain; }
  .box-continent::-webkit-scrollbar {
    width: 14px;
    height: 20px;
    margin: 10px; }
  .box-continent::-webkit-scrollbar-track {
    background: transparent; }
  .box-continent::-webkit-scrollbar-thumb {
    background: rgba(17, 25, 63, 0.15);
    border-radius: 10px;
    background-clip: padding-box;
    border: 4px solid transparent; }
  .box-continent-header {
    height: 50px;
    padding: 0 20px;
    line-height: 48px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #dfdfee; }
    .box-continent-header:not(:first-child) {
      border-top: 1px solid #dfdfee; }
  .box-continent-body {
    padding: 10px 20px 20px; }
    .box-continent-body .row-column > div {
      padding: 10px 5px; }

.box-bg.dark {
  background-color: #11193f; }

.box-permission {
  padding: 70px 0;
  text-align: center; }
  .box-permission .text-large {
    display: block;
    margin: 15px 0; }
  .box-permission .btn {
    margin-top: 30px; }

html.modal-show {
  overflow-y: hidden; }
  html.modal-show .header {
    padding-right: 17px; }

.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1300; }
  .modal-active {
    display: block; }
  .modal-full {
    overflow-y: hidden;
    height: 100vh; }
    .modal-full:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 10px;
      margin: calc(56px + 10px) 10px 0 10px;
      background-color: #fff;
      border-radius: 0.3rem;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0);
      -webkit-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      transition: all 0.25s linear; }
    .modal-full.in:before {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    .modal-full.in .modal-dialog {
      opacity: 1; }
    .modal-open .modal-full {
      overflow-y: hidden; }
    .modal-full .modal-dialog {
      opacity: 0;
      margin: calc(56px + 10px) 10px 0 10px;
      width: auto;
      max-width: none;
      padding: 0;
      -webkit-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      transition: all 0.25s linear;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      position: static; }
    .modal-full .modal-header {
      padding: 20px 45px 20px 30px;
      border-bottom: 1px solid #dfdfee;
      border-radius: 5px 5px 0 0; }
      @media screen and (max-width: 768px) {
        .modal-full .modal-header {
          padding: 10px 25px 10px 15px; } }
      .modal-full .modal-header .btn-close {
        display: block; }
    .modal-full .modal-body {
      padding: 30px;
      margin: 0; }
    .modal-full .modal-footer {
      padding: 15px;
      border-top: 1px solid #dfdfee;
      border-radius: 0 0 5px 5px;
      z-index: 1; }
      @media screen and (max-width: 768px) {
        .modal-full .modal-footer {
          padding: 10px 15px; } }
    .modal-full .modal-header,
    .modal-full .modal-body,
    .modal-full .modal-footer {
      position: relative; }
    .modal-full .modal-header .btn-close {
      right: 20px; }
    .modal-full .modal-header .btn-close,
    .modal-full .modal-header .btn-minimization {
      top: 15px;
      width: 30px;
      height: 30px;
      background-color: #11193f;
      padding: 0;
      margin: 0;
      border: 0; }
  .modal-transform {
    -webkit-transition: all cubic-bezier(0.07, 0.88, 0.01, 1.01) 0.3s;
    -o-transition: all cubic-bezier(0.07, 0.88, 0.01, 1.01) 0.3s;
    transition: all cubic-bezier(0.07, 0.88, 0.01, 1.01) 0.3s; }
    .modal-transform .modal-dialog {
      margin: 0;
      position: absolute;
      left: 50%;
      width: calc(100% - 20px);
      margin-top: 28px;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: top 0.5s 0s cubic-bezier(0.1, 1.2, 0.3, 1), margin 0.5s cubic-bezier(0.1, 1.2, 0.3, 1), width 0.5s cubic-bezier(0.1, 1.2, 0.3, 1), opacity 0.7s;
      -o-transition: top 0.5s 0s cubic-bezier(0.1, 1.2, 0.3, 1), margin 0.5s cubic-bezier(0.1, 1.2, 0.3, 1), width 0.5s cubic-bezier(0.1, 1.2, 0.3, 1), opacity 0.7s;
      transition: top 0.5s 0s cubic-bezier(0.1, 1.2, 0.3, 1), margin 0.5s cubic-bezier(0.1, 1.2, 0.3, 1), width 0.5s cubic-bezier(0.1, 1.2, 0.3, 1), opacity 0.7s; }
    .modal-transform .modal-header,
    .modal-transform .modal-body,
    .modal-transform .modal-footer {
      position: relative; }
    .modal-transform .modal-header .btn-close {
      right: 20px; }
    .modal-transform .modal-header .btn-close,
    .modal-transform .modal-header .btn-minimization {
      top: 15px;
      width: 30px;
      height: 30px;
      background-color: #11193f;
      padding: 0;
      margin: 0;
      border: 0; }
  .modal-minimization {
    pointer-events: none;
    background-color: transparent; }
    .modal-minimization.in:before {
      top: 100%;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0);
      opacity: 0; }
    .modal-minimization .modal-dialog {
      width: 458px;
      height: 60px;
      overflow: hidden;
      top: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, -60px);
          -ms-transform: translate(-50%, -60px);
              transform: translate(-50%, -60px);
      margin: 0; }
    .modal-minimization .modal-header {
      color: #fff;
      background-color: #11193f;
      border-bottom: none;
      pointer-events: all; }
      .modal-minimization .modal-header span {
        margin-left: 15px; }
        .modal-minimization .modal-header span.status-progress {
          color: #6280ff; }
        .modal-minimization .modal-header span.status-ready {
          color: #ee7b00; }
      .modal-minimization .modal-header .popper-tooltip {
        display: none; }
    .modal-minimization .modal-body, .modal-minimization .modal-footer {
      display: none; }
  .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 540px;
    padding: 24px;
    max-height: 100vh;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
    -webkit-transition: height;
    -o-transition: height;
    transition: height;
    -webkit-transition-delay: 0ms;
         -o-transition-delay: 0ms;
            transition-delay: 0ms;
    -webkit-transition-duration: 270ms;
         -o-transition-duration: 270ms;
            transition-duration: 270ms;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .modal-dialog {
        width: 90% !important; } }
  .modal-header {
    position: relative; }
    .modal-header .btn-close {
      position: absolute;
      right: 0;
      top: 0; }
      .modal-header .btn-close:disabled {
        opacity: 0.4;
        pointer-events: none;
        cursor: default; }
      .modal-download-apps .modal-header .btn-close,
      .modal-viewer-element .modal-header .btn-close {
        display: block; }
    .modal-header .btn-minimization {
      position: absolute;
      right: 55px; }
    .modal-header .sprite ~ .modal-title {
      margin-left: 7px; }
  .modal-title {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 1;
    vertical-align: middle; }
  .modal-body {
    padding: 32px 0;
    word-break: break-word;
    overflow-y: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    margin-right: -20px;
    padding-right: 14px; }
    .modal-body::-webkit-scrollbar {
      width: 14px;
      height: 20px;
      margin: 10px; }
    .modal-body::-webkit-scrollbar-track {
      background: transparent; }
    .modal-body::-webkit-scrollbar-thumb {
      background: rgba(17, 25, 63, 0.15);
      border-radius: 10px;
      background-clip: padding-box;
      border: 4px solid transparent; }
    @media screen and (max-width: 768px) {
      .modal-body {
        padding: 15px; } }
    .modal-body .box-scroll {
      height: auto;
      max-height: 256px;
      padding: 0;
      border: 1px solid #dfdfee; }
      .modal-body .box-scroll.box-border {
        padding: 30px; }
        .modal-body .box-scroll.box-border .list-image-lg {
          margin: -20px; }
          .modal-body .box-scroll.box-border .list-image-lg li {
            margin: 5px; }
    .modal-body .dot {
      position: relative;
      padding-left: 10px; }
      .modal-body .dot:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 3px;
        height: 3px;
        background-color: #000; }
    .modal-body .message-description {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      word-break: break-word;
      line-height: 22px; }
      .modal-body .message-description > div {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .modal-body .message-description > .MzcCpIcon-root {
        margin-top: 3px;
        margin-right: 10px; }
      .modal-body .message-description > .sprite {
        margin-top: 3px;
        margin-right: 3px; }
      .modal-body .message-description p {
        margin-top: 5px; }
      .modal-body .message-description .box-error {
        margin: 20px 0;
        padding: 20px;
        text-align: center;
        background-color: #fef4f2; }
      .modal-body .message-description + .message-contents {
        margin-top: 20px; }
    .modal-body .message-contents-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 20px 0 10px; }
      .modal-body .message-contents-info:first-of-type {
        margin-top: 0; }
      .modal-body .message-contents-info .form-switch {
        margin-right: 5px; }
    .modal-body .message-contents p ~ .list-dot {
      margin-top: 20px; }
    .modal-body .message-inquiry {
      padding-left: 30px; }
      .modal-body .message-inquiry p {
        margin-top: 5px; }
    .modal-body .guide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .modal-body .guide .sprite:first-child {
        margin-top: 2px;
        margin-right: 5px; }
    .modal-body .message-warning-box:first-child {
      margin: -30px -30px 20px -30px; }
      @media screen and (max-width: 768px) {
        .modal-body .message-warning-box:first-child {
          margin: -15px -15px 20px -15px; } }
  .modal-footer {
    text-align: right;
    z-index: 1; }
    .modal-footer .btn ~ .btn {
      margin-left: 5px; }
    .modal-footer .form-checkbox {
      float: left;
      margin-top: 10px;
      margin-left: 15px; }
    .modal-footer hr {
      display: inline-block;
      width: 1px;
      height: 38px;
      margin: 0 5px 0 10px;
      vertical-align: middle;
      background-color: #dfdfee; }

.modal-message .modal-dialog {
  width: auto;
  min-width: 340px; }
  .modal-message .modal-dialog .modal-body:first-of-type {
    font-size: 16px;
    padding: 0 0 24px; }

.modal-select-files .modal-dialog {
  width: 760px; }

.modal-select-files .dot:before {
  top: 50%; }

.modal-select-files .input-group > .form-input + .select2-container {
  width: 120px;
  min-width: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 120px;
          flex: 0 1 120px; }

.modal-select-files .input-group hr {
  display: inline-block;
  width: 1px;
  height: 38px;
  background-color: #dfdfee;
  margin: 0 10px; }

.modal-select-files .input-group + .box-border {
  margin-top: 10px; }

.modal-select-files .list-sources {
  max-height: 135px;
  overflow-y: auto;
  margin-right: -20px;
  padding-right: 14px;
  margin: 0;
  padding: 0; }
  .modal-select-files .list-sources::-webkit-scrollbar {
    width: 14px;
    height: 20px;
    margin: 10px; }
  .modal-select-files .list-sources::-webkit-scrollbar-track {
    background: transparent; }
  .modal-select-files .list-sources::-webkit-scrollbar-thumb {
    background: rgba(17, 25, 63, 0.15);
    border-radius: 10px;
    background-clip: padding-box;
    border: 4px solid transparent; }

.modal-select-files .select2-container {
  min-width: 140px;
  width: auto;
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial; }

.modal-select-files .list-files .empty {
  padding: 30px 0; }

.modal-download-apps .modal-dialog {
  width: 600px;
  border: 1px solid #11193f; }

.modal-download-apps .apps {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  padding-left: 80px;
  border-bottom: 1px solid #dfdfee; }
  .modal-download-apps .apps:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat; }
  .modal-download-apps .apps:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }
  .modal-download-apps .apps .title {
    font-size: 16px;
    margin-bottom: 5px; }
  .modal-download-apps .apps .version {
    color: #686868;
    font-size: 12px;
    margin-bottom: 10px; }
  .modal-download-apps .apps .description {
    font-size: 12px;
    margin-bottom: 18px;
    word-break: break-word; }
  .modal-download-apps .apps .download a {
    min-width: 160px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .modal-download-apps .apps .download a:focus .sprite, .modal-download-apps .apps .download a:active .sprite {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -348px -893px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 14px;
      min-width: 14px;
      height: 15px; }

.modal-download-apps .hyper-browser:before {
  background-image: url("../images/apps-hyper-browser.png"); }

.modal-download-apps .hyper-subtitle-editor:before {
  background-image: url("../images/apps-hyper-subtitle-editor.png"); }

.modal-full .modal-statistics-widget .modal-dialog {
  max-width: 620px;
  margin-top: calc(56px + 30px);
  margin-left: auto;
  margin-right: auto; }
  .modal-full .modal-statistics-widget .modal-dialog .btn-close {
    background-color: transparent; }

.modal-statistics-widget .modal-body {
  max-height: calc(100vh - 160px - 56px - 30px); }
  .modal-statistics-widget .modal-body .widget-item-list {
    padding: 0;
    margin: -5px 10px 5px 10px; }
    .modal-statistics-widget .modal-body .widget-item-list .item {
      min-height: 60px;
      font-weight: bold; }
      .modal-statistics-widget .modal-body .widget-item-list .item p + span {
        display: block;
        margin: 8px 0; }

.modal-all-copy .modal-body .message-description {
  margin: 50px 0; }
  .modal-all-copy .modal-body .message-description ul {
    margin: 20px 0; }

.modal-add-items .modal-dialog, .modal-select-files .modal-dialog, .modal-create-caption .modal-dialog, .modal-add-roles .modal-dialog {
  width: 760px; }

.modal-add-items .box-scroll-image {
  max-height: 370px;
  height: 370px;
  padding: 10px; }

.modal-auditlog .modal-dialog {
  width: 980px; }

.modal-pipeline .modal-dialog, .modal-viewer-json .modal-dialog {
  width: 1060px; }

.modal-publish-video .modal-dialog {
  width: 523px; }

.modal-publish-video .modal-body {
  padding: 0;
  margin: 0 -24px -24px; }
  .modal-publish-video .modal-body .message-warning-box {
    margin: 20px 0 0; }
  .modal-publish-video .modal-body .item {
    margin: 0 30px;
    padding: 20px 0;
    border-bottom: 1px solid #dfdfee; }
    .modal-publish-video .modal-body .item:last-of-type {
      border-bottom: none; }
    .modal-publish-video .modal-body .item[disabled], .modal-publish-video .modal-body .item.disabled {
      color: #999; }
      .modal-publish-video .modal-body .item[disabled]:after, .modal-publish-video .modal-body .item.disabled:after {
        content: '';
        display: block; }
    .modal-publish-video .modal-body .item-publish {
      border-bottom: none; }
      .modal-publish-video .modal-body .item-publish .box-scroll {
        max-height: 404px;
        border-left: none;
        border-right: none; }
        .modal-publish-video .modal-body .item-publish .box-scroll::-webkit-scrollbar {
          width: 6px;
          height: 20px;
          margin: 10px; }
        .modal-publish-video .modal-body .item-publish .box-scroll::-webkit-scrollbar-track {
          background: transparent; }
        .modal-publish-video .modal-body .item-publish .box-scroll::-webkit-scrollbar-thumb {
          background: rgba(17, 25, 63, 0.15);
          border-radius: 10px; }
      .modal-publish-video .modal-body .item-publish .btns {
        text-align: right; }
    .modal-publish-video .modal-body .item-url .btn-dropdown {
      margin-top: -5px; }
    .modal-publish-video .modal-body .item-url .url {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 15px;
      margin-bottom: 15px;
      min-height: 30px; }
      .modal-publish-video .modal-body .item-url .url .status-text {
        white-space: nowrap; }
      .modal-publish-video .modal-body .item-url .url > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 20px; }
        .modal-publish-video .modal-body .item-url .url > div .btn-link span {
          display: inline-block;
          white-space: nowrap;
          overflow: hidden;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          max-width: 250px;
          vertical-align: middle; }
        .modal-publish-video .modal-body .item-url .url > div .btn-icon {
          margin-left: 10px; }
    .modal-publish-video .modal-body .item-url .box-scroll {
      height: 80px;
      border: none;
      overflow-y: auto;
      margin-right: -20px;
      padding-right: 14px;
      margin: 0;
      padding: 0; }
      .modal-publish-video .modal-body .item-url .box-scroll::-webkit-scrollbar {
        width: 14px;
        height: 20px;
        margin: 10px; }
      .modal-publish-video .modal-body .item-url .box-scroll::-webkit-scrollbar-track {
        background: transparent; }
      .modal-publish-video .modal-body .item-url .box-scroll::-webkit-scrollbar-thumb {
        background: rgba(17, 25, 63, 0.15);
        border-radius: 10px;
        background-clip: padding-box;
        border: 4px solid transparent; }
      .modal-publish-video .modal-body .item-url .box-scroll.expand {
        height: auto;
        max-height: none;
        overflow-y: hidden;
        margin: 0;
        padding: 0 0 10px 0; }
    .modal-publish-video .modal-body .item-code {
      position: relative; }
      .modal-publish-video .modal-body .item-code .title-dot {
        line-height: 30px; }
      .modal-publish-video .modal-body .item-code .box-scroll {
        height: 200px;
        margin-top: 10px; }
        .modal-publish-video .modal-body .item-code .box-scroll textarea {
          height: 100%; }
      .modal-publish-video .modal-body .item-code .btn-copy {
        position: absolute;
        right: 0;
        top: 20px; }
  .modal-publish-video .modal-body .has-bg {
    position: relative;
    margin: 10px 0 0 0;
    border-top: 1px solid #dfdfee;
    background-color: #f8f8f8; }

.modal-publish-video .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
  margin-left: -5px;
  margin-right: -5px;
  overflow: hidden; }
  .modal-publish-video .sns li {
    list-style: none;
    width: 20%;
    padding: 5px; }
  .modal-publish-video .sns button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 92px;
    margin: 0;
    padding: 11px 0;
    font-size: 12px;
    color: #686868;
    border: 1px solid #dfdfee;
    border-radius: 12px;
    background-color: transparent;
    text-transform: capitalize; }
    .modal-publish-video .sns button:before, .modal-publish-video .sns button:after {
      content: '';
      display: block;
      position: absolute; }
    .modal-publish-video .sns button:disabled, .modal-publish-video .sns button.disabled {
      color: #999;
      background-color: #f8f8fa;
      pointer-events: none; }
      .modal-publish-video .sns button:disabled .icon, .modal-publish-video .sns button.disabled .icon {
        -webkit-filter: grayscale(1);
                filter: grayscale(1);
        opacity: 0.4; }
    .modal-publish-video .sns button:hover {
      background-color: #f8f8f8;
      color: #000; }
    .modal-publish-video .sns button .icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .modal-publish-video .sns button.selected {
      color: #fff;
      font-weight: bold; }
      .modal-publish-video .sns button.selected.sns-youtube {
        border-color: #e71618;
        background-color: #e71618; }
        .modal-publish-video .sns button.selected.sns-youtube .icon .sprite-youtube {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -260px -402px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 32px;
          min-width: 32px;
          height: 22px; }
      .modal-publish-video .sns button.selected.sns-facebook {
        border-color: #3a589e;
        background-color: #3a589e; }
        .modal-publish-video .sns button.selected.sns-facebook .icon .sprite-facebook {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -569px -352px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 16px;
          min-width: 16px;
          height: 31px; }
      .modal-publish-video .sns button.selected.sns-kakaotalk {
        color: #000;
        border-color: #ffe812;
        background-color: #ffe812; }
      .modal-publish-video .sns button.selected.sns-instagram {
        background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
        .modal-publish-video .sns button.selected.sns-instagram .icon .sprite-instagram {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -190px -464px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 26px;
          min-width: 26px;
          height: 26px; }
      .modal-publish-video .sns button.selected.sns-twitter {
        border-color: #1da1f2;
        background-color: #1da1f2; }
        .modal-publish-video .sns button.selected.sns-twitter .icon .sprite-twitter {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -427px -330px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 32px;
          min-width: 32px;
          height: 26px; }

.modal-download-apps .modal-dialog {
  width: 600px;
  border: 1px solid #11193f; }

.modal-download-apps .apps {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  padding-left: 80px;
  border-bottom: 1px solid #dfdfee; }
  .modal-download-apps .apps:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat; }
  .modal-download-apps .apps:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }
  .modal-download-apps .apps .title {
    font-size: 16px;
    margin-bottom: 5px; }
  .modal-download-apps .apps .version {
    color: #686868;
    font-size: 12px;
    margin-bottom: 10px; }
  .modal-download-apps .apps .description {
    font-size: 12px;
    margin-bottom: 18px;
    word-break: break-word; }
  .modal-download-apps .apps .download a {
    min-width: 160px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .modal-download-apps .apps .download a:focus .sprite, .modal-download-apps .apps .download a:active .sprite {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -348px -893px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 14px;
      min-width: 14px;
      height: 15px; }

.modal-download-apps .hyper-browser:before {
  background-image: url("../images/apps-hyper-browser.png"); }

.modal-download-apps .hyper-subtitle-editor:before {
  background-image: url("../images/apps-hyper-subtitle-editor.png"); }

.modal-token .modal-body .box {
  margin: 20px 0; }

.modal-viewer-element .modal-dialog {
  min-width: 782px;
  max-width: 980px; }

.modal-viewer-element .box-border-xs {
  margin: 0 0 10px;
  padding: 10px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

.modal-viewer-element .content {
  position: relative;
  min-height: 405px;
  max-height: 516px;
  height: 516px; }
  .modal-viewer-element .content .view {
    height: 100%;
    min-height: 405px;
    max-height: 516px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    background-color: #f8f8f8; }
    .modal-viewer-element .content .view .react-transform-wrapper,
    .modal-viewer-element .content .view .react-transform-component {
      width: 100%;
      height: 100%; }
    .modal-viewer-element .content .view img {
      -o-object-fit: contain;
         object-fit: contain;
      max-width: 100%;
      max-height: 100%;
      margin: 0 auto; }
  .modal-viewer-element .content .tool {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px;
    text-align: center;
    z-index: 1; }
    .modal-viewer-element .content .tool .btn {
      border-color: transparent;
      background-color: rgba(0, 0, 0, 0.5); }
      .modal-viewer-element .content .tool .btn:hover {
        background-color: rgba(0, 0, 0, 0.65); }
      .modal-viewer-element .content .tool .btn:active, .modal-viewer-element .content .tool .btn:focus {
        background-color: black; }
      .modal-viewer-element .content .tool .btn:disabled, .modal-viewer-element .content .tool .btn[disabled] {
        pointer-events: none;
        cursor: default;
        background-color: rgba(0, 0, 0, 0.2); }
    .modal-viewer-element .content .tool div:nth-of-type(2) {
      position: absolute;
      right: 10px;
      bottom: 10px; }

.modal-viewer-element .meta {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .modal-viewer-element .meta > .sprite {
    margin-top: 5px; }
  .modal-viewer-element .meta strong {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 50px;
    white-space: normal;
    word-break: break-all;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px; }
  .modal-viewer-element .meta hr {
    display: inline-block;
    margin: 0 5px 0 10px;
    width: 1px;
    height: 30px;
    background-color: #dfdfee;
    border: none;
    vertical-align: middle; }

.modal-version .modal-dialog {
  width: 742px; }

.modal-version .select-source.select-source-sm .wrap-dropdown {
  width: 100%;
  margin: 20px 0 0 0; }
  .modal-version .select-source.select-source-sm .wrap-dropdown .dropdown-menu {
    max-height: 200px; }

.modal-version .list-dot {
  margin: 20px; }

.modal-version .meta {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .modal-version .meta > .sprite {
    margin-top: 5px; }
  .modal-version .meta strong {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 50px;
    white-space: normal;
    word-break: break-all;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px; }

.modal-share .modal-dialog {
  width: 800px; }

.modal-share hr.inline {
  height: 38px; }

.modal-share .badge {
  margin-right: 8px; }

.modal-share .list-files .file {
  padding: 18px 10px 18px 20px; }

.modal-share .list-files .file-check {
  margin-right: 8px; }

.modal-share .list-files .file-name {
  padding: 0 20px 0 0; }
  .modal-share .list-files .file-name:before {
    content: none; }

.modal-share .list-files .sprite-share-team,
.modal-share .list-files .sprite-share-user {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.modal-share .select-multi-share {
  max-height: 225px;
  overflow-y: auto;
  margin-right: -20px;
  padding-right: 14px;
  margin-right: 15px;
  margin-left: -10px;
  padding-right: 0;
  border-right: 1px solid rgba(223, 223, 238, 0.5); }
  .modal-share .select-multi-share::-webkit-scrollbar {
    width: 14px;
    height: 20px;
    margin: 10px; }
  .modal-share .select-multi-share::-webkit-scrollbar-track {
    background: transparent; }
  .modal-share .select-multi-share::-webkit-scrollbar-thumb {
    background: rgba(17, 25, 63, 0.15);
    border-radius: 10px;
    background-clip: padding-box;
    border: 4px solid transparent; }
  .modal-share .select-multi-share .select2-selection__control {
    padding-left: 10px; }

.modal-share .list-sources {
  border-top: 1px solid #dfdfee;
  border-bottom: 1px solid #dfdfee;
  max-height: 200px;
  padding: 12.5px 0;
  overflow-y: auto; }

.modal-share .select2-container {
  min-width: 150px;
  width: auto;
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit; }

.modal-share .list-files .empty {
  padding: 30px 0; }

.modal-add-attendees .modal-dialog {
  width: 760px; }

.modal-request .list-dot {
  margin-top: 20px;
  padding: 0 10px; }

.modal-delete .modal-body .box-scroll.box-border {
  padding: 22px 16px; }

.modal-delete .modal-body .list-dot {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(223, 223, 238, 0.5); }
  .modal-delete .modal-body .list-dot:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }

.modal-item-set .modal-dialog {
  width: 760px; }

.modal-item-set .box-scroll {
  max-height: 458px; }

.modal-item-set .row + .row {
  margin-top: 10px; }

.modal-item-set .list li {
  margin-top: 0;
  padding: 15px;
  line-height: 22px;
  border-top: 1px solid #dfdfee; }
  .modal-item-set .list li:first-child {
    border-top: none; }
  .modal-item-set .list li .text-right .btn {
    display: none; }
    .modal-item-set .list li .text-right .btn + .btn {
      margin-left: 15px; }
  .modal-item-set .list li:not(.is-edit):hover {
    background-color: #f8f8f8; }
    .modal-item-set .list li:not(.is-edit):hover .btn {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }

.modal-switch-project .modal-dialog {
  width: 680px; }

.modal-switch-project .modal-body > div:not(.message-description):not(.box-border) {
  padding: 0 20px; }

.modal-switch-project .modal-body .check {
  margin-bottom: 20px; }
  .modal-switch-project .modal-body .check .dot {
    min-width: 200px; }
    .modal-switch-project .modal-body .check .dot:before {
      top: 6px; }
  .modal-switch-project .modal-body .check .flex-column p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .modal-switch-project .modal-body .check .flex-column p ~ p {
      margin-top: 5px; }
  .modal-switch-project .modal-body .check .flex-column .sprite-caret-right-gray {
    margin-top: 4px; }

.modal-switch-project .modal-body .box-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 20px;
  padding: 0;
  border-radius: 2px; }
  .modal-switch-project .modal-body .box-border div.current, .modal-switch-project .modal-body .box-border div.switch {
    padding: 20px; }
    .modal-switch-project .modal-body .box-border div.current strong, .modal-switch-project .modal-body .box-border div.switch strong {
      display: block;
      margin-bottom: 10px; }
  .modal-switch-project .modal-body .box-border div.current {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 205px;
            flex: 0 1 205px; }
  .modal-switch-project .modal-body .box-border div.switch {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #f5f6ff;
    border-left: 1px solid #dfdfee; }
  .modal-switch-project .modal-body .box-border .icon {
    position: absolute;
    left: 205px;
    top: 50%;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: -13px;
    margin-top: -13px;
    line-height: 26px;
    text-align: center;
    border-radius: 100%;
    background-color: #4b7de6; }
  .modal-switch-project .modal-body .box-border .sprite {
    margin-top: -3px; }

.modal-download-link .modal-dialog {
  width: 860px; }

.modal-download-link .link-setting > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .modal-download-link .link-setting > div + div {
    margin-top: 20px; }
  .modal-download-link .link-setting > div > strong {
    min-width: 200px; }
    .modal-download-link .link-setting > div > strong:before {
      top: 7px; }
  .modal-download-link .link-setting > div > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .modal-download-link .link-setting > div > span .select2-container {
      width: 90px;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      margin: 0 10px; }
  .modal-download-link .link-setting > div .separate {
    margin: 0 10px; }
  .modal-download-link .link-setting > div .text-primary {
    margin: 0 4px; }
  .modal-download-link .link-setting > div > .box-border {
    max-width: calc(100% - 150px);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0; }
    .modal-download-link .link-setting > div > .box-border p,
    .modal-download-link .link-setting > div > .box-border a {
      display: block;
      padding-right: 10px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }

.modal-download-link .list-sources {
  border-top: 1px solid #dfdfee;
  border-bottom: 1px solid #dfdfee;
  max-height: 200px;
  padding: 12.5px 0;
  overflow-y: auto; }

.modal-share-request .modal-dialog {
  width: 540px; }

.modal-share-request .inline {
  width: 160px;
  margin-bottom: 0; }

.modal-share-permission .modal-dialog {
  width: 540px; }

.modal-share-permission .separate {
  margin: 0 10px; }

.modal-share-permission .MzcCpIcon-root {
  margin-right: 8px; }

.modal-share-permission .expires-setting {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 30px; }

.modal-select-metadata .modal-dialog {
  width: 800px; }
  .modal-select-metadata .modal-dialog .box-preview .box-scroll {
    max-height: 475px; }

.modal-select-categories .select-category .tree {
  height: auto !important; }
  .modal-select-categories .select-category .tree .tree-sticky {
    min-height: 335px;
    max-height: 480px; }
  .modal-select-categories .select-category .tree .tree-view {
    min-height: 335px;
    max-height: 480px; }

.modal-create-folder .modal-dialog {
  width: 560px; }

.modal-add-users .modal-dialog, .modal-perge-requested .modal-dialog {
  width: 760px; }

.modal-add-users .box-preview, .modal-perge-requested .box-preview {
  max-height: 475px; }

.modal-configure .modal-dialog {
  width: 640px; }

.modal-configure .row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .modal-configure .row ~ .row {
    margin-top: 10px; }
  .modal-configure .row-column {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.modal-configure .select2-container {
  min-width: 100px; }

.modal-configure-detail .modal-dialog {
  width: 640px; }

.modal-configure-detail .modal-body > div {
  margin-top: 30px; }
  .modal-configure-detail .modal-body > div:first-child {
    margin-top: 0; }

.modal-configure-detail .row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  word-break: break-word;
  margin-top: 20px; }

.modal-configure-detail .sprite-progressing {
  margin-left: 10px; }

.modal-configure-detail .table {
  margin-top: 10px; }

.modal-region-replication .row ~ .row {
  margin-top: 16px; }

.modal-audit-log .modal-dialog {
  width: 970px; }

.modal-file-replace .modal-dialog {
  width: 560px; }

.modal-file-replace .modal-body .message-contents {
  margin-top: 15px; }

.modal-file-replace .modal-body .sprite {
  margin-right: 5px; }

.modal-file-replace .modal-body .file {
  margin: 3px 0; }

.modal-panel-detail {
  display: block !important; }
  .modal-panel-detail .modal-dialog {
    width: 760px; }
  .modal-panel-detail .modal-body .status-text {
    font-weight: bold; }
    .modal-panel-detail .modal-body .status-text .sprite {
      display: none; }
  .modal-panel-detail .modal-body .list-files li .file {
    padding-right: 15px; }
    .modal-panel-detail .modal-body .list-files li .file-info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .modal-panel-detail .modal-body .list-files li .file-name span {
      white-space: normal; }
    .modal-panel-detail .modal-body .list-files li .file-status {
      margin-top: 5px;
      margin-left: 0;
      font-size: 11px; }

.modal-statistics .btn-close {
  width: 30px;
  height: 30px;
  background-color: #11193f;
  padding: 0;
  margin: 0;
  border: 0; }

.modal-statistics .detail-statistics-body {
  width: 100%;
  overflow-y: auto;
  height: calc(100vh - 56px - 60px - 10px - 10px);
  padding: 0 20px 20px;
  position: relative; }

.modal-create-assets-bulk .modal-header {
  padding-left: 20px; }

.modal-create-assets-bulk.modal-minimization .modal-title {
  font-size: 13px; }

.modal-create-assets-bulk .modal-title {
  margin-right: 20px; }

.modal-create-assets-bulk .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  height: calc(100vh - 56px - 60px - 70px - 10px - 10px); }
  .modal-create-assets-bulk .modal-body .box {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0; }

.modal-create-assets-bulk .modal-footer {
  z-index: 2; }

.modal-create-assets-bulk .stepper {
  padding: 20px 0 10px; }

.modal-create-assets-bulk .wrap-step-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .modal-create-assets-bulk .wrap-step-content .step-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%; }
    .modal-create-assets-bulk .wrap-step-content .step-content.step-1 .card-folder .tree + .view {
      overflow: hidden; }
    .modal-create-assets-bulk .wrap-step-content .step-content.step-2 .step-content-header .title {
      padding: 20px 20px 15px; }
    .modal-create-assets-bulk .wrap-step-content .step-content.step-2 .check-status {
      padding: 20px 20px 15px;
      border-bottom: 1px solid #6b769a; }
      .modal-create-assets-bulk .wrap-step-content .step-content.step-2 .check-status.is-control-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 58px;
        margin: 0;
        border-bottom: none; }
      .modal-create-assets-bulk .wrap-step-content .step-content.step-2 .check-status i + strong {
        margin-left: 10px; }
    .modal-create-assets-bulk .wrap-step-content .step-content.step-2 .card-search {
      border-top: 1px solid #6b769a;
      border-bottom: 1px solid #dfdfee; }
  .modal-create-assets-bulk .wrap-step-content .step-content-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 3;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 56px;
    height: 56px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px;
    border-bottom: 1px solid #6b769a; }
    .modal-create-assets-bulk .wrap-step-content .step-content-header strong {
      font-size: 16px; }
      .modal-create-assets-bulk .wrap-step-content .step-content-header strong + span,
      .modal-create-assets-bulk .wrap-step-content .step-content-header strong + .text-primary {
        margin-left: 10px; }
    .modal-create-assets-bulk .wrap-step-content .step-content-header .form-checkbox {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .modal-create-assets-bulk .wrap-step-content .step-content-header.column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      height: auto;
      padding: 0; }
  .modal-create-assets-bulk .wrap-step-content .step-content-body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.modal-create-assets-bulk .edit-metadata-body .row-column {
  margin: 0; }

.modal-create-assets-bulk .edit-metadata-body .row-column-vertical-line > .col {
  padding-left: 20px;
  padding-top: 0;
  padding-bottom: 0;
  border-color: #efeff6; }
  .modal-create-assets-bulk .edit-metadata-body .row-column-vertical-line > .col:first-child {
    padding-left: 0;
    padding-right: 10px; }

.modal-create-assets-bulk .edit-metadata-body .list-overview {
  margin: 0; }
  .modal-create-assets-bulk .edit-metadata-body .list-overview li ~ li {
    margin-top: 20px; }
  .modal-create-assets-bulk .edit-metadata-body .list-overview .tags-info li ~ li {
    margin-top: 5px; }

.modal-create-assets-bulk .card-folder {
  min-height: 100%;
  max-height: none; }
  .modal-create-assets-bulk .card-folder .tree {
    min-height: 100%;
    border-bottom: 0; }
    .modal-create-assets-bulk .card-folder .tree .tree-sticky {
      top: 60px;
      max-height: calc(100vh - 360px); }
    .modal-create-assets-bulk .card-folder .tree + .view .card.card-search + .folder-control + .card {
      border-width: 0 0 0 0; }
  .modal-create-assets-bulk .card-folder .view .control .control-status {
    margin-top: 0 !important; }
  .modal-create-assets-bulk .card-folder .view .control .form-checkbox i + strong {
    margin-left: 10px; }
  .modal-create-assets-bulk .card-folder .view .form-checkbox input[type='checkbox'] {
    width: 22px;
    height: 22px;
    margin-top: -11px; }
    .modal-create-assets-bulk .card-folder .view .form-checkbox input[type='checkbox']:checked:not(:disabled) + i, .modal-create-assets-bulk .card-folder .view .form-checkbox input[type='checkbox']:checked:not([disabled]) + i {
      background-color: #2e9812;
      border-color: #20771e; }
      .modal-create-assets-bulk .card-folder .view .form-checkbox input[type='checkbox']:checked:not(:disabled) + i::before, .modal-create-assets-bulk .card-folder .view .form-checkbox input[type='checkbox']:checked:not([disabled]) + i::before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -191px -1028px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 11px;
        min-width: 11px;
        height: 8px;
        margin-top: 6px; }
    .modal-create-assets-bulk .card-folder .view .form-checkbox input[type='checkbox'][disabled] + i, .modal-create-assets-bulk .card-folder .view .form-checkbox input[type='checkbox']:disabled + i {
      background-color: #dfdfee;
      border-color: #d2d2e0; }
      .modal-create-assets-bulk .card-folder .view .form-checkbox input[type='checkbox'][disabled] + i:after, .modal-create-assets-bulk .card-folder .view .form-checkbox input[type='checkbox']:disabled + i:after {
        width: 22px;
        height: 22px;
        left: 0;
        top: 0;
        border-radius: 50%; }
    .modal-create-assets-bulk .card-folder .view .form-checkbox input[type='checkbox'] + i {
      width: 22px;
      height: 22px;
      background-color: #2763ea;
      border: 1px solid #1547b6;
      border-radius: 50%; }
      .modal-create-assets-bulk .card-folder .view .form-checkbox input[type='checkbox'] + i::before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -1054px -160px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 10px;
        min-width: 10px;
        height: 10px;
        border: none;
        opacity: 1;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        margin: 5px; }

.modal-create-assets-bulk .list-bulk-create-header {
  position: -webkit-sticky;
  position: sticky;
  top: 56px;
  z-index: 2; }

.error-page {
  min-height: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .error-page {
      min-height: calc(100vh - 70px - 56px - 50px); } }

.card-error {
  min-width: 600px; }
  .card-error .card-body {
    padding-left: 60px; }
    .card-error .card-body .sprite {
      margin-right: 20px; }
    .card-error .card-body .title {
      font-size: 14px;
      margin-bottom: 10px; }
    .card-error .card-body p {
      margin-top: 5px; }
  .card-error .card-footer {
    margin: 0 30px;
    padding: 20px 0;
    text-align: right;
    border-top: 1px solid #dfdfee; }

.card-error-permission {
  min-width: 600px;
  padding: 70px 0;
  text-align: center; }
  .card-error-permission h2 {
    margin: 20px 0;
    font-size: 20px;
    font-weight: bold; }
  .card-error-permission .card-body {
    padding: 0 !important; }
    .card-error-permission .card-body div:first-of-type {
      margin-bottom: 20px; }
    .card-error-permission .card-body .sprite {
      margin: 0; }
    .card-error-permission .card-body .btn {
      margin-top: 30px; }

.card-request-access {
  min-width: 622px;
  text-align: center; }
  .card-request-access h2 {
    margin: 15px 0;
    font-size: 24px;
    font-weight: bold; }
  .card-request-access .card-body {
    padding: 40px; }
    .card-request-access .card-body .btn {
      margin-top: 30px; }

.error-invalid {
  max-width: 623px;
  text-align: center; }
  .error-invalid h1 {
    margin: 15px 0 25px;
    font-size: 24px;
    font-weight: bold; }
  .error-invalid .card {
    width: 100%;
    margin-bottom: 0; }
    .error-invalid .card .message {
      text-align: center;
      margin-top: 0;
      margin-bottom: 30px;
      padding: 0 20px;
      word-break: break-word; }
    .error-invalid .card .contact {
      padding: 20px 0;
      text-align: left;
      background-color: #f8f8f8;
      border-radius: 5px; }
      .error-invalid .card .contact .col {
        padding: 0 30px;
        border-left: 1px solid #dfdfee; }
        .error-invalid .card .contact .col:first-child {
          border: none; }
        .error-invalid .card .contact .col ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          .error-invalid .card .contact .col ul li {
            margin-top: 5px;
            line-height: 18px;
            white-space: nowrap; }
            .error-invalid .card .contact .col ul li strong {
              display: inline-block;
              font-size: 18px; }
            .error-invalid .card .contact .col ul li:first-child {
              margin-top: 0; }
        .error-invalid .card .contact .col .title {
          display: block;
          font-size: 14px;
          margin-bottom: 12px; }
        .error-invalid .card .contact .col .dot:before {
          content: '';
          display: inline-block;
          width: 3px;
          height: 3px;
          margin-right: 8px;
          vertical-align: middle;
          background-color: #000; }
        .error-invalid .card .contact .col a {
          color: #2763ea; }

.message-error {
  color: #ef4016; }

.message-error-border {
  border-top: 1px solid #dfdfee; }
  .message-error-border p {
    padding-top: 8px; }

.message-error-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px !important;
  background-color: rgba(239, 64, 22, 0.1);
  border: 1px solid #ef4016;
  border-radius: 5px; }
  .message-error-box .text-danger {
    display: block;
    margin-top: -3px;
    margin-bottom: 15px; }

.message-error-upload {
  padding: 10px 20px;
  background-color: rgba(239, 64, 22, 0.1); }
  .message-error-upload .sprite {
    margin-right: 5px; }
  .message-error-upload span {
    display: inline-block;
    vertical-align: middle; }

.message-warning-box {
  position: relative;
  padding: 8px 20px 8px 40px;
  background-color: rgba(245, 127, 0, 0.15); }
  .form-block + .message-warning-box {
    margin-top: 30px; }
  .message-warning-box:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -123px -714px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 18px;
    min-width: 18px;
    height: 15px;
    position: absolute;
    left: 15px;
    top: 10px; }
  .message-warning-box:has(.btn-sm):before {
    top: 15px; }

.description-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .description-error .sprite {
    margin-right: 8px;
    margin-top: 2px; }
  .description-error .text-danger {
    display: block;
    margin-bottom: 10px; }
  .description-error hr {
    margin: 20px 0; }

.alert {
  position: relative;
  margin-top: 10px;
  padding: 8px 20px 8px 40px; }
  .form-block + .alert {
    margin-top: 30px; }
  .alert:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 10px; }
  .alert.alert-error {
    background-color: rgba(239, 64, 22, 0.15); }
    .alert.alert-error:before {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -722px -893px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 14px;
      min-width: 14px;
      height: 14px; }
  .alert.alert-warning {
    background-color: rgba(245, 127, 0, 0.15); }
    .alert.alert-warning:before {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -123px -714px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 18px;
      min-width: 18px;
      height: 15px; }

.popup {
  padding: 30px;
  min-height: 100vh; }
  .popup-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .popup-title h1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 10px;
      font-size: 13px; }
    .popup-title .popup-title-article {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .popup-title .popup-title-article .sprite-video {
        margin-top: 3px; }
      .popup-title .popup-title-article h1 {
        display: inline-block; }
  .popup-preview {
    padding: 20px 30px; }
    .popup-preview .preview-title h1 strong {
      display: inline-block;
      word-break: break-all; }
    .popup-preview .preview-title h1 span {
      display: inline-block;
      white-space: nowrap;
      margin-left: 5px; }
  .popup-player {
    padding: 30px 0; }
    @media screen and (max-width: 500px) {
      .popup-player {
        padding: 0; } }
    .popup-player.popup-player-fullscreen {
      padding: 0; }
      .popup-player.popup-player-fullscreen .popup-video,
      .popup-player.popup-player-fullscreen .popup-contents,
      .popup-player.popup-player-fullscreen .popup-video .vjs-player {
        height: 100vh; }
      .popup-player.popup-player-fullscreen .popup-video .vjs-player {
        padding: 0; }
      .popup-player.popup-player-fullscreen .popup-video .vjs-player .video-js {
        position: static; }
      .popup-player.popup-player-fullscreen .popup-contents {
        max-width: none;
        margin: 0 auto;
        padding: 0;
        background-color: #000; }
    .popup-player .popup-contents {
      max-width: 782px;
      margin: 0 auto;
      padding: 30px;
      background-color: #fff; }
      @media screen and (max-width: 500px) {
        .popup-player .popup-contents {
          padding: 0; } }
    .popup-player .popup-body {
      padding: 20px; }
    .popup-player .popup-title {
      padding-bottom: 20px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .popup-player .popup-title h1 {
        font-size: 18px; }
    .popup-player .box-scroll {
      padding: 20px 0;
      border: none;
      border-top: 1px solid #dfdfee; }
    .popup-player .popup-empty {
      text-align: center; }
      .popup-player .popup-empty .visual img {
        max-width: 100%; }
      .popup-player .popup-empty .contents {
        padding: 30px 0;
        font-weight: bold; }
        .popup-player .popup-empty .contents strong {
          display: block;
          margin-bottom: 30px;
          font-size: 20px; }

.card-body .accordion {
  margin: -15px -10px; }

.accordion.accordion-box {
  border: 1px solid #dfdfee; }
  .accordion.accordion-box + .accordion.accordion-box {
    margin-top: -1px; }
  .accordion.accordion-box:last-of-type {
    margin-bottom: 10px; }
  .accordion.accordion-box .summary {
    position: relative;
    padding: 20px 30px; }
    .accordion.accordion-box .summary .info {
      position: static; }
  .accordion.accordion-box .detail {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .accordion.accordion-box .detail:after {
      content: '';
      display: block;
      position: absolute;
      left: 30px;
      top: 0;
      right: 30px;
      height: 1px;
      background-color: #dfdfee;
      opacity: .5; }
    .accordion.accordion-box .detail .row ~ .row {
      margin-top: 13px; }

.accordion ~ .btns {
  margin-top: 15px;
  text-align: right; }

.accordion .summary {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .card-body .accordion .summary {
    padding: 0 0 0 0; }
  @media screen and (max-width: 768px) {
    .accordion .summary {
      position: relative;
      padding: 10px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .accordion .summary .info {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-flex: 1;
        flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 768px) {
      .accordion .summary .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%; } }
    .accordion .summary .info > * {
      margin-right: 10px; }
  .accordion .summary .btns {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0;
    padding: 0;
    border: none; }
    .accordion .summary .btns hr {
      display: inline-block;
      width: 1px;
      height: 30px;
      margin: 0 5px 0 10px;
      vertical-align: middle;
      background-color: #dfdfee; }
    .accordion .summary .btns .btn-dropdown {
      display: inline-block; }
    @media screen and (max-width: 768px) {
      .accordion .summary .btns {
        position: absolute;
        right: 10px;
        top: 10px; } }
  .accordion .summary .domain {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-flex: 1;
        flex: 1;
    border-left: 1px solid rgba(223, 223, 238, 0.5);
    border-right: 1px solid rgba(223, 223, 238, 0.5);
    padding-left: 30px;
    margin-right: 25px; }
    .accordion .summary .domain p:not(.title) {
      position: relative;
      padding-left: 10px; }
      .accordion .summary .domain p:not(.title):before {
        content: '';
        position: absolute;
        left: 0;
        top: 8px;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 2px 0 2px 4px;
        border-color: transparent transparent transparent #000; }
  .accordion .summary .vendor {
    width: 35%; }
    @media screen and (max-width: 768px) {
      .accordion .summary .vendor {
        width: 100%; } }
    .accordion .summary .vendor .type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-right: 20px; }
      .accordion .summary .vendor .type > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-left: 5px; }
      @media screen and (max-width: 768px) {
        .accordion .summary .vendor .type {
          margin-right: 130px; } }
    .accordion .summary .vendor .domain {
      position: relative;
      min-height: 18px;
      margin: 14px 20px 0 24px;
      padding-left: 10px; }
      .accordion .summary .vendor .domain:before {
        content: '';
        position: absolute;
        left: 0;
        top: 8px;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 2px 0 2px 4px;
        border-color: transparent transparent transparent #000; }
  .accordion .summary .health {
    min-width: 227px;
    padding: 0 30px 0 20px;
    border-left: 1px solid #dfdfee;
    border-right: 1px solid #dfdfee; }
    @media screen and (max-width: 768px) {
      .accordion .summary .health {
        padding: 10px 0;
        margin: 10px 20px;
        border: none;
        border-top: 1px solid #dfdfee;
        border-bottom: 1px solid #dfdfee; } }
    .accordion .summary .health .title {
      padding-left: 12px; }
      @media screen and (max-width: 768px) {
        .accordion .summary .health .title {
          padding-left: 0; } }
    .accordion .summary .health .loading-inline-light {
      min-height: 38px;
      margin: 0 12px; }
  .accordion .summary .fail {
    padding: 0 0 0 30px; }
    @media screen and (max-width: 768px) {
      .accordion .summary .fail {
        padding: 0 0 0 20px;
        margin-right: 20px; } }
  .accordion .summary .title {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    color: #686868; }
  .accordion .summary .route-selected {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    font: 0/0 a;
    background-color: #2763ea; }
  .accordion .summary .route-type {
    width: 120px;
    min-width: 120px;
    padding: 0 16px;
    border-left: 1px solid rgba(223, 223, 238, 0.5);
    border-right: 1px solid rgba(223, 223, 238, 0.5); }
    @media screen and (max-width: 768px) {
      .accordion .summary .route-type {
        padding: 0;
        border: 0; } }
  .accordion .summary .route-name {
    width: 220px;
    min-width: 220px;
    padding: 0 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    white-space: normal;
    word-break: break-all;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .accordion .summary .route-name {
        padding: 0; } }
  .accordion .summary .route-status > span {
    display: inline-block;
    margin-left: 40px; }
    .accordion .summary .route-status > span .sprite-failover-sm {
      margin: 0 4px 0 2px;
      white-space: nowrap; }
    .accordion .summary .route-status > span small {
      margin-left: 5px; }
    @media screen and (max-width: 768px) {
      .accordion .summary .route-status > span:first-child {
        margin-left: 0; } }
  .accordion .summary .is-event-active strong,
  .accordion .summary .is-event-active .sprite {
    position: absolute; }
  .accordion .summary .is-event-active strong {
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    font: 0/0 a;
    background-color: #29b190; }
  .accordion .summary .is-event-active .sprite {
    left: 15px;
    top: 50%;
    margin-top: -6px; }
  .accordion .summary .event-kind {
    min-width: 220px; }
  .accordion .summary .event-name {
    width: 220px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    white-space: normal;
    word-break: break-all;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden; }
  .accordion .summary .event-set {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-flex: 1;
        flex: 1;
    min-width: 440px;
    padding: 0 16px;
    border-left: 1px solid rgba(223, 223, 238, 0.5);
    border-right: 1px solid rgba(223, 223, 238, 0.5); }
  .accordion .summary .event-target {
    position: relative;
    padding-left: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    white-space: normal;
    word-break: break-all;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden; }
    .accordion .summary .event-target:before {
      content: '';
      position: absolute;
      left: 0;
      top: 8px;
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 2px 0 2px 4px;
      border-color: transparent transparent transparent #000; }
  .accordion .summary .event-period {
    padding-left: 10px; }
  .accordion .summary .event-user {
    padding: 0 20px 0 0;
    border-right: 1px solid rgba(223, 223, 238, 0.5); }
    .accordion .summary .event-user small {
      display: block;
      font-size: 11px;
      color: #686868; }
  .accordion .summary .event-date {
    padding-left: 20px; }
  .accordion .summary .event-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 330px;
    padding: 0 20px;
    border-left: 1px solid rgba(223, 223, 238, 0.5); }
  .accordion .summary .event-priority {
    padding: 0 20px;
    min-width: 120px; }

.accordion .detail {
  padding: 20px 30px;
  -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.03);
          box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.03); }
  .card-body .accordion .detail {
    margin-top: 20px;
    padding: 20px 0; }
  .accordion .detail .row {
    margin-top: 5px; }
  @media screen and (max-width: 768px) {
    .accordion .detail {
      padding: 20px; } }
  .accordion .detail hr {
    opacity: .3;
    margin: 20px 0; }
    @media screen and (max-width: 768px) {
      .accordion .detail hr {
        margin: 10px 0; } }

.btns-editable:not([hidden]) + .accordion-box {
  margin-top: 10px; }

.sticky-nav {
  position: relative;
  height: 60px;
  overflow: hidden; }
  .sticky-nav.sticky .sticky-nav-inner {
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    padding: 0 30px;
    z-index: 11; }
    @media screen and (max-width: 768px) {
      .sticky-nav.sticky .sticky-nav-inner {
        top: 55px;
        padding: 0 15px; } }
    .in-sidebar .sticky-nav.sticky .sticky-nav-inner {
      left: 255px; }
    .nav-fold .sticky-nav.sticky .sticky-nav-inner {
      left: 35px; }
    .in-fixed-tab .sticky-nav.sticky .sticky-nav-inner {
      right: 44px; }
    .sticky-nav.sticky .sticky-nav-inner ul {
      border-bottom: 1px solid #dfdfee; }
  .sticky-nav.sticky li:first-child a {
    color: inherit; }
    .sticky-nav.sticky li:first-child a strong:after {
      background-color: inherit; }
    .sticky-nav.sticky li:first-child a.active {
      color: #2763ea; }
      .sticky-nav.sticky li:first-child a.active strong:after {
        background-color: #2763ea; }
  .sticky-nav-inner {
    height: 50px;
    background-color: #f2f2f2; }
  .sticky-nav li {
    display: inline-block; }
    .sticky-nav li:first-child a {
      color: #2763ea; }
      .sticky-nav li:first-child a:after {
        content: none; }
      .sticky-nav li:first-child a strong:after {
        background-color: #2763ea; }
  .sticky-nav a {
    position: relative;
    display: block;
    height: 100%;
    padding: 18px 20px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #000; }
    @media screen and (max-width: 768px) {
      .sticky-nav a {
        padding: 18px 10px 10px; } }
    .sticky-nav a:hover {
      text-decoration: none; }
    .sticky-nav a:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 23px;
      width: 1px;
      height: 16px;
      background-color: #dfdfee; }
    .sticky-nav a.active {
      color: #2763ea; }
      .sticky-nav a.active strong:after {
        background-color: #2763ea; }
    .sticky-nav a strong {
      position: relative;
      padding: 10px; }
      .sticky-nav a strong:after {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        top: 100%;
        right: 0;
        height: 3px;
        background-color: transparent; }

.sticky-content ~ .sticky-content {
  margin-top: 10px; }

.welcome {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%; }
  .welcome-inner {
    width: 100%; }
    .welcome-inner > .logo {
      text-align: center; }
    .welcome-inner > .box {
      width: 720px;
      margin: 0 auto; }
    .welcome-inner .box {
      margin-top: 25px;
      padding: 50px;
      background-color: #fff; }
      .welcome-inner .box h1 {
        margin-bottom: 20px;
        font-size: 25px;
        font-weight: bold; }
      .welcome-inner .box h2 {
        font-size: 15px;
        font-weight: 400; }
        .welcome-inner .box h2 strong,
        .welcome-inner .box h2 span {
          display: block; }
      .welcome-inner .box .btns {
        margin: 50px 0 0; }
      .welcome-inner .box .text-center a {
        margin-left: 5px; }
  .welcome-header {
    margin-bottom: 60px;
    text-align: center; }
    .welcome-header .logo {
      height: 48px; }
      .welcome-header .logo img {
        vertical-align: top;
        height: 100%; }
    .welcome-header p {
      margin-top: 30px;
      font-size: 15px;
      font-weight: bold; }
  .welcome-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1230px;
    margin: 0 auto 25px; }
    .welcome-body .box {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      min-width: 50%;
      margin-top: 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .welcome-body .box:after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        top: 30px;
        bottom: 30px;
        width: 1px;
        background-color: #dfdfee; }
      .welcome-body .box:only-child:after {
        content: none; }
      .welcome-body .box:only-child:first-child, .welcome-body .box:only-child:last-child {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 920px;
                flex: 0 1 920px;
        width: 920px;
        padding: 50px 100px; }
      .welcome-body .box:first-child {
        padding: 50px 60px 50px 50px; }
      .welcome-body .box:last-child {
        padding: 50px 50px 50px 60px; }
      .welcome-body .box .btns {
        margin-bottom: 20px; }
        .welcome-body .box .btns .btn {
          border: none;
          color: #fff; }
          .welcome-body .box .btns .btn-megazone-account {
            background-image: -webkit-gradient(linear, left top, right top, from(#6aa5e3), to(#6866e9));
            background-image: -o-linear-gradient(left, #6aa5e3, #6866e9);
            background-image: linear-gradient(to right, #6aa5e3, #6866e9); }
          .welcome-body .box .btns .btn-megazone-login {
            background-color: #171717; }
    .welcome-body h1 {
      height: 24px; }
      .welcome-body h1 img {
        vertical-align: top;
        height: 100%; }
    .welcome-body .btn-link {
      vertical-align: text-top;
      margin-left: 5px;
      border-bottom: 1px solid #2763ea;
      border-radius: 0; }
  .welcome-footer {
    text-align: center; }
    .welcome-footer .btn-link {
      vertical-align: text-top;
      margin-left: 5px;
      border-bottom: 1px solid #2763ea;
      border-radius: 0; }

.loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999; }

.line-loader {
  position: absolute;
  left: 0;
  top: 56px;
  width: 100%;
  height: 5px;
  background-color: rgba(39, 99, 234, 0.3); }
  @media screen and (max-width: 768px) {
    .line-loader {
      top: 55px; } }
  .line-loader span {
    position: absolute;
    left: 50%;
    top: 0;
    height: 5px; }
    .line-loader span:nth-child(1) {
      -webkit-animation: line 1s ease-in-out infinite;
              animation: line 1s ease-in-out infinite;
      background-color: rgba(39, 99, 234, 0.3); }
    .line-loader span:nth-child(3) {
      -webkit-animation: line 1.5s  ease-in-out 0.8s infinite;
              animation: line 1.5s  ease-in-out 0.8s infinite;
      background-color: rgba(39, 99, 234, 0.5); }

/* Bar loader */
.bar-loader {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  position: relative; }

.bar-loader span {
  display: inline-block;
  width: 5px;
  height: 30px;
  margin: 1px;
  background-color: rgba(39, 99, 234, 0.8); }

.bar-loader span:nth-child(1) {
  -webkit-animation: grow 1s ease-in-out infinite;
          animation: grow 1s ease-in-out infinite; }

.bar-loader span:nth-child(2) {
  -webkit-animation: grow 1s ease-in-out 0.15s infinite;
          animation: grow 1s ease-in-out 0.15s infinite; }

.bar-loader span:nth-child(3) {
  -webkit-animation: grow 1s ease-in-out 0.30s infinite;
          animation: grow 1s ease-in-out 0.30s infinite; }

.bar-loader span:nth-child(4) {
  -webkit-animation: grow 1s ease-in-out 0.45s infinite;
          animation: grow 1s ease-in-out 0.45s infinite; }

@-webkit-keyframes line {
  from {
    left: 50%;
    width: 0%; }
  to {
    left: 0;
    width: 100%; } }

@keyframes line {
  from {
    left: 50%;
    width: 0%; }
  to {
    left: 0;
    width: 100%; } }

@-webkit-keyframes grow {
  0%, 100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    transform: scaleY(1.8); } }

@keyframes grow {
  0%, 100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    transform: scaleY(1.8); } }

.loading {
  display: block;
  padding: 50px;
  text-align: center; }
  .loading-wrapper {
    position: relative; }
    .loading-wrapper .loader {
      position: absolute; }
  .loading-content {
    display: inline-block;
    width: 42px;
    height: 42px;
    background-image: url("../images/loading-middle.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto auto;
    -webkit-animation: loading-content 1s infinite steps(12);
            animation: loading-content 1s infinite steps(12); }
  .loading-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    min-height: 280px; }
  .loading-fixed {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%; }
    .loading-fixed + * {
      opacity: 0.5; }
  .loading-inline-light, .loading-inline-dark {
    display: inline-block;
    position: relative;
    min-width: 26px;
    min-height: 6px;
    color: rgba(0, 0, 0, 0) !important;
    pointer-events: none; }
    .loading-inline-light:after, .loading-inline-dark:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: auto auto; }
  .loading-inline-light:after {
    width: 26px;
    height: 6px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    background-image: url("../images/btn-loading.gif"); }
  .loading-xs {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3); }
    .loading-xs .sprite {
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -7.5px; }

.loader-entry > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 480px;
  height: 480px;
  background-color: #fff;
  border-radius: 100%; }

.loader-entry .dots svg {
  width: 47px;
  height: 6px;
  margin: 25px 0 10px;
  text-align: center;
  vertical-align: middle; }

@-webkit-keyframes blink {
  50% {
    opacity: .2; } }

@keyframes blink {
  50% {
    opacity: .2; } }
  .loader-entry .dots svg .dot {
    -webkit-animation: 2s blink infinite;
            animation: 2s blink infinite;
    cx: 4;
    cy: 3;
    r: 2.5;
    fill: #2763ea; }
  .loader-entry .dots svg .dot:nth-child(2) {
    cx: 12;
    -webkit-animation-delay: 250ms;
            animation-delay: 250ms; }
  .loader-entry .dots svg .dot:nth-child(3) {
    cx: 20;
    -webkit-animation-delay: 500ms;
            animation-delay: 500ms; }
  .loader-entry .dots svg .dot:nth-child(4) {
    cx: 28;
    -webkit-animation-delay: 750ms;
            animation-delay: 750ms; }
  .loader-entry .dots svg .dot:nth-child(5) {
    cx: 36;
    -webkit-animation-delay: 900ms;
            animation-delay: 900ms; }
  .loader-entry .dots svg .dot:nth-child(6) {
    cx: 44;
    -webkit-animation-delay: 900ms;
            animation-delay: 900ms; }

.loader-entry .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .loader-entry .text p {
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
    -webkit-animation: typing 1s steps(19, end);
            animation: typing 1s steps(19, end); }

/* The typing effect */
@-webkit-keyframes typing {
  from {
    width: 0; }
  to {
    width: 100%; } }
@keyframes typing {
  from {
    width: 0; }
  to {
    width: 100%; } }

.card-title .target-editable,
.page-header .target-editable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px; }
  .card-title .target-editable:hover,
  .page-header .target-editable:hover {
    background-color: #f4f7fe; }
  .card-title .target-editable.is-edit,
  .page-header .target-editable.is-edit {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0; }
    .card-title .target-editable.is-edit:hover,
    .page-header .target-editable.is-edit:hover {
      background: transparent; }
  .card-title .target-editable .btn-edit,
  .page-header .target-editable .btn-edit {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-left: 10px; }
  .card-title .target-editable .form-error:after,
  .page-header .target-editable .form-error:after {
    top: initial;
    bottom: 42px; }
  .card-title .target-editable .btns-editable,
  .page-header .target-editable .btns-editable {
    white-space: nowrap;
    -ms-flex-item-align: end;
        align-self: flex-end; }

.page-header .target-editable .page-title {
  width: 100%; }
  .page-header .target-editable .page-title div {
    width: 100%; }

.page-header .target-editable .form-input {
  width: 100%; }
  .page-header .target-editable .form-input input {
    height: 48px;
    padding: 0 10px; }

.page-header .target-editable .form-message {
  font-size: 13px;
  font-weight: normal;
  line-height: 34px;
  background-color: rgba(239, 64, 22, 0.7);
  color: #fff;
  padding: 0 20px; }

.page-header .target-editable textarea {
  width: 100%;
  min-height: 0;
  padding: 10px 10px 0 10px; }

.card-title .target-editable input {
  font-size: 18px;
  font-weight: bold; }

.btn-edit {
  margin-left: 10px; }

.btns-editable {
  margin-top: 5px;
  text-align: right; }
  .btns-editable .btn {
    margin-left: 5px; }
  .card-title .btns-editable,
  .page-header .btns-editable {
    white-space: nowrap;
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .btns-editable + .table {
    margin-top: 10px; }

.edit-metadata {
  border-top: 1px solid #11193f; }
  .edit-metadata:first-child {
    border-top: none; }
  .edit-metadata:last-child {
    border-bottom: 1px solid #efeff6; }
  .edit-metadata-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 50px;
    padding: 0 20px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #efeff6; }
  .edit-metadata-body {
    position: relative;
    padding: 20px 10px; }
  .step-content-body .edit-metadata:first-child .edit-metadata-header {
    background-color: #e5e7ed;
    border-color: #d0d0df; }
  .step-content-body .edit-metadata .btn-edit-all {
    position: absolute;
    right: 30px;
    z-index: 2; }
  .step-content-body .edit-metadata .row-column.is-edit {
    border: 1px solid #2763ea;
    padding: 30px 20px;
    border-radius: 5px; }
    .step-content-body .edit-metadata .row-column.is-edit .list-overview > ul > li .title {
      color: #000;
      font-size: 13px;
      font-weight: bold; }
      .step-content-body .edit-metadata .row-column.is-edit .list-overview > ul > li .title ~ .content {
        padding-left: 0; }
        .step-content-body .edit-metadata .row-column.is-edit .list-overview > ul > li .title ~ .content:before {
          content: none; }

.statistics {
  margin-top: 20px; }
  .statistics-total {
    padding: 20px 30px;
    background-color: #fff; }
    .statistics-total .item {
      padding: 0 20px;
      border-left: 1px solid rgba(223, 223, 238, 0.5); }
      .statistics-total .item-header {
        font-size: 14px;
        font-weight: bold;
        word-break: keep-all; }
      .statistics-total .item-footer {
        font-size: 11px; }
  .statistics-body .row {
    margin: 5px -10px; }
  .statistics-body .col {
    padding: 10px; }
  @media screen and (max-width: 1280px) {
    .statistics-body .col {
      width: 50%;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%; } }
  @media screen and (max-width: 768px) {
    .statistics-body .col {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%; } }
  .statistics-body .tool {
    margin: 0;
    padding-bottom: 5px; }
    .statistics-body .tool .btn {
      margin-left: 10px; }
    .statistics-body .tool .sprite-arrow-left {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  .statistics-body .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #dfdfee;
    background-color: #fff; }
    .statistics-body .item-major .item-header {
      border: none; }
    .statistics-body .item-major .item-body .chart {
      width: 100%;
      height: 100px;
      min-height: 0; }
    .statistics-body .item-header {
      margin: 0 15px;
      padding: 13px 0;
      font-weight: bold;
      border-bottom: 1px solid #dfdfee;
      text-transform: capitalize; }
    .statistics-body .item-filter {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 10px 20px 20px; }
      .statistics-body .item-filter .date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .statistics-body .item-filter .date .sprite {
          margin-right: 5px; }
      .statistics-body .item-filter .select2-container {
        max-width: 160px;
        min-width: 0; }
    .statistics-body .item-body {
      position: relative;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .statistics-body .item-body .chart {
        height: 100%;
        min-height: 400px; }
      .statistics-body .item-body .total {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        text-align: center; }
        .statistics-body .item-body .total span {
          display: block;
          font-size: 13px;
          font-weight: bold;
          color: #686868; }
        .statistics-body .item-body .total strong {
          font-size: 24px;
          margin-top: 10px; }
      .statistics-body .item-body .count {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        justify-self: space-between;
        padding: 0 20px;
        font-size: 28px;
        overflow: hidden;
        font-weight: bold; }
        .statistics-body .item-body .count small {
          font-size: 15px;
          color: #999; }
        .statistics-body .item-body .count .stat {
          position: absolute;
          right: 20px;
          top: 15px;
          font-size: 11px; }
          .statistics-body .item-body .count .stat-up {
            color: #2e9812; }
          .statistics-body .item-body .count .stat-down {
            color: #ef4016; }
        .statistics-body .item-body .count .icon {
          display: inline-block;
          vertical-align: middle; }
          .statistics-body .item-body .count .icon.up {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 3px 4px 3px;
            border-color: transparent transparent #2e9812 transparent; }
          .statistics-body .item-body .count .icon.down {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 4px 3px 0 3px;
            border-color: #ef4016 transparent transparent transparent; }
      .statistics-body .item-body .table {
        padding: 0 20px; }
        .statistics-body .item-body .table thead th {
          border-top: none;
          border-left: none; }
        .statistics-body .item-body .table tbody tr:last-child td {
          border-bottom: none; }
        .statistics-body .item-body .table td {
          border-left: none;
          white-space: normal; }
      .statistics-body .item-body .box-scroll {
        max-height: 100%;
        border: 0; }
        .statistics-body .item-body .box-scroll::-webkit-scrollbar {
          width: 6px;
          height: 6px;
          margin: 10px; }
        .statistics-body .item-body .box-scroll::-webkit-scrollbar-track {
          background: transparent; }
        .statistics-body .item-body .box-scroll::-webkit-scrollbar-thumb {
          background: rgba(17, 25, 63, 0.15);
          border-radius: 10px; }
        .statistics-body .item-body .box-scroll li {
          position: relative;
          counter-increment: li;
          padding-left: 20px; }
          .statistics-body .item-body .box-scroll li:before {
            content: counter(li);
            position: absolute;
            left: 15px;
            top: 10px;
            font-weight: bold;
            color: #686868; }
          .statistics-body .item-body .box-scroll li:first-child:before {
            color: #2763ea; }
          .statistics-body .item-body .box-scroll li .file {
            padding-right: 15px; }
            .statistics-body .item-body .box-scroll li .file .file-name {
              padding-left: 0; }
              .statistics-body .item-body .box-scroll li .file .file-name:before {
                content: none; }
    .statistics-body .item-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0 15px;
      padding: 5px 0 10px;
      font-size: 11px; }
      .statistics-body .item-footer small {
        color: #999; }
  .statistics .recharts-text.recharts-cartesian-axis-tick-value {
    font-size: 10px; }
  .statistics .recharts-curve.recharts-pie-label-line {
    stroke: #dfdfee !important; }
  .statistics .recharts-legend-wrapper {
    padding: 10px 0;
    border-top: 1px solid #dfdfee; }
    .statistics .recharts-legend-wrapper .recharts-default-legend {
      text-align: left !important; }
    .statistics .recharts-legend-wrapper li .icon {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-right: 5px;
      border-radius: 100%; }

.legend .icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 100%; }

.statistics-item dd {
  margin-top: 10px; }

.statistics-item-key {
  display: inline-block;
  margin-bottom: 30px;
  background-color: rgba(242, 242, 242, 0.5);
  border-radius: 3px;
  overflow: hidden; }
  .statistics-item-key dl {
    float: left;
    margin: 0;
    padding: 0;
    padding: 9px 9px 9px 20px;
    word-break: break-word; }
    .statistics-item-key dl dt,
    .statistics-item-key dl dd {
      float: left; }
    .statistics-item-key dl dt {
      margin-top: 3px; }
    .statistics-item-key dl dd {
      color: #2763ea;
      margin: 0 0 0 10px;
      font-size: 16px;
      font-weight: bold; }

.statistics {
  min-width: calc(1280px - 35px - 60px - 17px);
  padding-left: 18px; }
  .statistics:after {
    content: '';
    display: block;
    clear: both; }
  .statistics-head {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 46px;
    margin-top: -20px;
    margin-right: -30px;
    margin-bottom: 12px;
    margin-left: -30px;
    padding: 0 30px;
    background-color: #1e2547; }
    .statistics-head div {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; }
    .statistics-head .split {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .statistics-head .filter {
      position: relative;
      top: 0; }
      .statistics-head .filter-list {
        position: absolute;
        top: calc(100% - 6px);
        right: 15px;
        padding-left: 0; }
  .statistics .cursor {
    cursor: pointer; }
  .statistics .item {
    position: relative;
    float: left;
    width: 25%;
    padding-bottom: 12px;
    padding-left: 12px; }
    .statistics .item img {
      width: 100%; }
    .statistics .item-column-2 {
      width: 50%; }
    .statistics .item .layer {
      position: absolute;
      top: 23.38709677419355%;
      right: -4.03022670025189%;
      width: 150.1259445843829%; }

.detail-statistics-head {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 60px;
  padding: 15px 20px; }
  .detail-statistics-head .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .detail-statistics-head .info .title .sprite {
      margin-right: 5px; }
    .detail-statistics-head .info .title strong,
    .detail-statistics-head .info .title span {
      display: inline-block;
      vertical-align: middle; }
    .detail-statistics-head .info .title strong {
      max-width: 200px;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }

.detail-statistics-body:after {
  content: '';
  display: block;
  clear: both; }

.detail-statistics-body .card-detail-item {
  float: left;
  max-width: 25%;
  width: 450px; }
  .detail-statistics-body .card-detail-item .media {
    position: relative;
    height: 220px;
    background-color: #f2f2f2;
    padding: 0;
    border-radius: 5px 5px 0 0; }
    .detail-statistics-body .card-detail-item .media > div {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    .detail-statistics-body .card-detail-item .media .vjs-player {
      padding: 0;
      width: auto;
      height: 100%; }
  .detail-statistics-body .card-detail-item .card-body {
    padding: 15px;
    max-height: 198px;
    overflow-y: auto;
    margin-right: -20px;
    padding-right: 14px;
    margin: 0; }
    .detail-statistics-body .card-detail-item .card-body::-webkit-scrollbar {
      width: 14px;
      height: 20px;
      margin: 10px; }
    .detail-statistics-body .card-detail-item .card-body::-webkit-scrollbar-track {
      background: transparent; }
    .detail-statistics-body .card-detail-item .card-body::-webkit-scrollbar-thumb {
      background: rgba(17, 25, 63, 0.15);
      border-radius: 10px;
      background-clip: padding-box;
      border: 4px solid transparent; }
    .detail-statistics-body .card-detail-item .card-body .list-overview {
      margin: 0; }
      .detail-statistics-body .card-detail-item .card-body .list-overview ul:after {
        content: '';
        display: block;
        clear: both; }
      .detail-statistics-body .card-detail-item .card-body .list-overview li {
        float: left;
        width: 50%;
        margin: 0; }

.statistics-tools {
  position: relative;
  float: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  border-radius: 5px;
  background-color: #2763ea; }
  .statistics-tools .total-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 70px; }
    .statistics-tools .total-summary dl {
      position: relative;
      margin: 13px 0;
      padding: 0 40px; }
      .statistics-tools .total-summary dl:first-of-type:after {
        content: none; }
      .statistics-tools .total-summary dl:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 38px;
        background-color: rgba(255, 255, 255, 0.2); }
      .statistics-tools .total-summary dl dt {
        color: rgba(255, 255, 255, 0.7);
        word-break: keep-all; }
      .statistics-tools .total-summary dl dd {
        margin-bottom: 0;
        font-size: 18px;
        font-weight: bold;
        word-break: keep-all; }
        .statistics-tools .total-summary dl dd small {
          font-size: 12px; }
  .statistics-tools .tool-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .statistics-tools .tool-range .range-select-toggle {
      position: relative;
      width: 352px;
      height: 100%;
      font-size: 13px;
      border-left: 1px solid rgba(255, 255, 255, 0.2); }
      .statistics-tools .tool-range .range-select-toggle.active > .btn:before {
        border: 1px solid rgba(17, 25, 63, 0.6);
        background-color: #11193f; }
      .statistics-tools .tool-range .range-select-toggle.active > .btn:after {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -373px -1028px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 10px;
        min-width: 10px;
        height: 6px;
        margin-top: -1px; }
      .statistics-tools .tool-range .range-select-toggle > .btn {
        height: 100%;
        width: 100%;
        text-align: left;
        color: #fff;
        display: block;
        border: 0; }
        .statistics-tools .tool-range .range-select-toggle > .btn p {
          margin-bottom: 5px;
          font-size: 12px;
          font-weight: bold; }
        .statistics-tools .tool-range .range-select-toggle > .btn time {
          font-size: 14px; }
        .statistics-tools .tool-range .range-select-toggle > .btn:before, .statistics-tools .tool-range .range-select-toggle > .btn:after {
          content: '';
          position: absolute;
          top: 50%;
          right: 20px; }
        .statistics-tools .tool-range .range-select-toggle > .btn:before {
          width: 24px;
          height: 24px;
          margin-top: -10px;
          margin-right: -7px;
          border: 1px solid rgba(255, 255, 255, 0.6);
          border-radius: 100%; }
        .statistics-tools .tool-range .range-select-toggle > .btn:after {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -253px -1028px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 10px;
          min-width: 10px;
          height: 6px; }
      .statistics-tools .tool-range .range-select-toggle .nav-link {
        width: 50%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 13px; }
      .statistics-tools .tool-range .range-select-toggle .dropdown-layer {
        position: absolute;
        padding: 0;
        top: 50px;
        left: 0;
        right: 0;
        z-index: 2;
        color: #000;
        background-color: #fff;
        border: 1px solid #dfdfee;
        border-top: none;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
                box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); }
        .statistics-tools .tool-range .range-select-toggle .dropdown-layer.fade {
          display: none; }
      .statistics-tools .tool-range .range-select-toggle .tab-nav .nav .tab-item:first-child {
        border-left: none; }
      .statistics-tools .tool-range .range-select-toggle .tabs-content ul,
      .statistics-tools .tool-range .range-select-toggle .tabs-content li {
        list-style: none; }
        .statistics-tools .tool-range .range-select-toggle .tabs-content ul button,
        .statistics-tools .tool-range .range-select-toggle .tabs-content li button {
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 0;
          text-align: left;
          background-color: transparent; }
      .statistics-tools .tool-range .range-select-toggle .tabs-content-quick {
        padding-bottom: 10px; }
        .statistics-tools .tool-range .range-select-toggle .tabs-content-quick ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin: 10px;
          padding-top: 10px;
          border-top: 1px solid #dfdfee; }
          .statistics-tools .tool-range .range-select-toggle .tabs-content-quick ul:first-child {
            padding-top: 0;
            border-top: none; }
          .statistics-tools .tool-range .range-select-toggle .tabs-content-quick ul li {
            -webkit-box-flex: 0;
                -ms-flex: 0 1 50%;
                    flex: 0 1 50%; }
          .statistics-tools .tool-range .range-select-toggle .tabs-content-quick ul button {
            padding: 7px 10px; }
            .statistics-tools .tool-range .range-select-toggle .tabs-content-quick ul button:hover, .statistics-tools .tool-range .range-select-toggle .tabs-content-quick ul button.active {
              border-radius: 2px;
              background-color: #e7eeff; }
      .statistics-tools .tool-range .range-select-toggle .tabs-content-custom {
        font-size: 12px;
        padding: 20px 16px 0; }
        .statistics-tools .tool-range .range-select-toggle .tabs-content-custom > div {
          margin-bottom: 15px; }
        .statistics-tools .tool-range .range-select-toggle .tabs-content-custom .col-6 {
          padding: 0 2.5px; }
          .statistics-tools .tool-range .range-select-toggle .tabs-content-custom .col-6 .SingleDatePicker,
          .statistics-tools .tool-range .range-select-toggle .tabs-content-custom .col-6 .SingleDatePickerInput__withBorder {
            width: 100%; }
        .statistics-tools .tool-range .range-select-toggle .tabs-content-custom .wrap-btns {
          margin: 30px -16px 0;
          padding: 15px;
          text-align: right;
          border-top: 1px solid #dfdfee; }
          .statistics-tools .tool-range .range-select-toggle .tabs-content-custom .wrap-btns .btn ~ .btn {
            margin-left: 5px;
            border-left-width: 1px; }

.range-select-toggle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 352px;
  height: 100%;
  padding-left: 10px;
  font-size: 13px;
  border-left: 1px solid rgba(255, 255, 255, 0.2); }
  .range-select-toggle.active > .btn:before {
    border: 1px solid rgba(17, 25, 63, 0.6);
    background-color: #11193f; }
  .range-select-toggle.active > .btn:after {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -373px -1028px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 10px;
    min-width: 10px;
    height: 6px;
    margin-top: -1px; }
  .range-select-toggle > .btn {
    height: 100%;
    width: 100%;
    text-align: left;
    color: #fff;
    display: block;
    border: 0; }
    .range-select-toggle > .btn p {
      margin-bottom: 5px;
      font-size: 12px;
      font-weight: bold; }
    .range-select-toggle > .btn time {
      font-size: 14px; }
    .range-select-toggle > .btn:before, .range-select-toggle > .btn:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px; }
    .range-select-toggle > .btn:before {
      width: 24px;
      height: 24px;
      margin-top: -10px;
      margin-right: -7px;
      border: 1px solid rgba(255, 255, 255, 0.6);
      border-radius: 100%; }
    .range-select-toggle > .btn:after {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -253px -1028px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 10px;
      min-width: 10px;
      height: 6px; }
  .range-select-toggle .tab-nav {
    margin: 0; }
  .range-select-toggle .nav-link {
    width: 50%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 13px; }
  .range-select-toggle .dropdown-layer {
    position: absolute;
    padding: 0;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 2;
    color: #000;
    background-color: #fff;
    border: 1px solid #dfdfee;
    border-top: none;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); }
    .range-select-toggle .dropdown-layer.fade {
      display: none; }
  .range-select-toggle .tab-nav .nav .tab-item:first-child {
    border-left: none; }
  .range-select-toggle .tabs-content ul,
  .range-select-toggle .tabs-content li {
    list-style: none; }
    .range-select-toggle .tabs-content ul button,
    .range-select-toggle .tabs-content li button {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      border: 0;
      text-align: left;
      background-color: transparent; }
  .range-select-toggle .tabs-content-quick {
    padding-bottom: 10px; }
    .range-select-toggle .tabs-content-quick ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 10px;
      padding-top: 10px;
      border-top: 1px solid #dfdfee; }
      .range-select-toggle .tabs-content-quick ul:first-child {
        padding-top: 0;
        border-top: none; }
      .range-select-toggle .tabs-content-quick ul li {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 50%;
                flex: 0 1 50%; }
      .range-select-toggle .tabs-content-quick ul button {
        padding: 7px 10px; }
        .range-select-toggle .tabs-content-quick ul button:hover, .range-select-toggle .tabs-content-quick ul button.active {
          border-radius: 2px;
          background-color: #e7eeff; }
  .range-select-toggle .tabs-content-custom {
    font-size: 12px;
    padding: 20px 16px 0; }
    .range-select-toggle .tabs-content-custom > div {
      margin-bottom: 15px; }
    .range-select-toggle .tabs-content-custom .col {
      padding: 0 2.5px; }
      .range-select-toggle .tabs-content-custom .col .SingleDatePicker,
      .range-select-toggle .tabs-content-custom .col .SingleDatePickerInput__withBorder {
        width: 100%; }
        .range-select-toggle .tabs-content-custom .col .SingleDatePicker .SingleDatePickerInput_calendarIcon,
        .range-select-toggle .tabs-content-custom .col .SingleDatePickerInput__withBorder .SingleDatePickerInput_calendarIcon {
          padding: 10px 0; }
      .range-select-toggle .tabs-content-custom .col .set-time {
        width: 100%; }
        .range-select-toggle .tabs-content-custom .col .set-time .select2-container {
          min-width: 64px;
          width: auto;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          .range-select-toggle .tabs-content-custom .col .set-time .select2-container:first-child {
            width: auto; }
          .range-select-toggle .tabs-content-custom .col .set-time .select2-container:last-child:after {
            content: none; }
        .range-select-toggle .tabs-content-custom .col .set-time .select2-selection__value-container {
          padding: 0 8px !important; }
        .range-select-toggle .tabs-content-custom .col .set-time .select2-selection__indicator {
          padding: 0 4px; }
        .range-select-toggle .tabs-content-custom .col .set-time .form-input {
          width: auto;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          .range-select-toggle .tabs-content-custom .col .set-time .form-input .form-control {
            padding: 0 10px; }
    .range-select-toggle .tabs-content-custom .wrap-btns {
      margin: 30px -16px 0;
      padding: 15px;
      text-align: right;
      border-top: 1px solid #dfdfee; }
      .range-select-toggle .tabs-content-custom .wrap-btns .btn ~ .btn {
        margin-left: 5px;
        border-left-width: 1px; }

.statistics-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15px 0;
  color: #686868; }
  .statistics-status hr {
    margin: 0 10px;
    width: 1px;
    height: 15px;
    display: inline-block;
    vertical-align: middle; }

.statistics-wrapper {
  margin-left: -20px; }
  .statistics-wrapper > .card {
    float: left;
    width: calc(25% - 20px);
    min-width: 380px;
    height: 420px;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .statistics-wrapper .card-statistics:hover {
    border-color: #b6b6ca;
    background-color: #fff; }
  .statistics-wrapper .card-statistics.selected {
    border-color: #11193f; }
  .statistics-wrapper .card-statistics .card-header {
    margin: 0;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .statistics-wrapper .card-statistics .card-header .card-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      margin: 0;
      padding: 10px 60px 10px 16px;
      font-size: 14px;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }
      .statistics-wrapper .card-statistics .card-header .card-title .sprite {
        margin-right: 8px; }
      .statistics-wrapper .card-statistics .card-header .card-title strong {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        max-width: 80%; }
      .statistics-wrapper .card-statistics .card-header .card-title ~ .card-tabs {
        padding-right: 0 !important; }
    .statistics-wrapper .card-statistics .card-header .card-btns {
      position: absolute;
      right: 10px;
      top: 7px; }
      .statistics-wrapper .card-statistics .card-header .card-btns .btn-add,
      .statistics-wrapper .card-statistics .card-header .card-btns .btn-more {
        padding: 0;
        margin: 0;
        border: 1px solid transparent;
        background-color: transparent; }
        .statistics-wrapper .card-statistics .card-header .card-btns .btn-add:not(:disabled):hover, .statistics-wrapper .card-statistics .card-header .card-btns .btn-add:not([disabled]):hover,
        .statistics-wrapper .card-statistics .card-header .card-btns .btn-more:not(:disabled):hover,
        .statistics-wrapper .card-statistics .card-header .card-btns .btn-more:not([disabled]):hover {
          border-color: #cfcfdd;
          background-color: #fff; }
        .statistics-wrapper .card-statistics .card-header .card-btns .btn-add:disabled .sprite, .statistics-wrapper .card-statistics .card-header .card-btns .btn-add[dispabled] .sprite,
        .statistics-wrapper .card-statistics .card-header .card-btns .btn-more:disabled .sprite,
        .statistics-wrapper .card-statistics .card-header .card-btns .btn-more[dispabled] .sprite {
          opacity: .3; }
      .statistics-wrapper .card-statistics .card-header .card-btns .btn-add {
        width: 24px;
        height: 24px;
        border-radius: 100%; }
        .statistics-wrapper .card-statistics .card-header .card-btns .btn-add:hover .sprite {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -1054px -250px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 10px;
          min-width: 10px;
          height: 10px; }
      .statistics-wrapper .card-statistics .card-header .card-btns .btn-more {
        height: 30px;
        padding: 0 4px;
        border-radius: 3px; }
        .statistics-wrapper .card-statistics .card-header .card-btns .btn-more .sprite {
          -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
                  transform: rotate(90deg);
          margin-left: -2px; }
      .statistics-wrapper .card-statistics .card-header .card-btns.btn-toolbar {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .statistics-wrapper .card-statistics .card-header .card-btns .dropdown-menu {
        display: none;
        padding: 5px 0; }
        .statistics-wrapper .card-statistics .card-header .card-btns .dropdown-menu.show {
          display: block; }
      .statistics-wrapper .card-statistics .card-header .card-btns + .card-tabs {
        padding-right: 50px; }
  .statistics-wrapper .card-statistics .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0 0 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .statistics-wrapper .card-statistics .card-body .filter {
      position: static;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 20px; }
      .statistics-wrapper .card-statistics .card-body .filter .date {
        position: relative; }
      .statistics-wrapper .card-statistics .card-body .filter .DateRangePicker .DateRangePickerInput__withBorder {
        border: 0 !important; }
      .statistics-wrapper .card-statistics .card-body .filter .DateRangePicker .DateRangePickerInput_calendarIcon {
        height: 30px;
        margin: 0;
        padding: 0 5px 0 0 !important; }
      .statistics-wrapper .card-statistics .card-body .filter .DateRangePicker .DateInput_input__small {
        padding: 0 !important; }
      .statistics-wrapper .card-statistics .card-body .filter .DateRangePicker .DateInput__small {
        width: 77px !important; }
      .statistics-wrapper .card-statistics .card-body .filter .DateRangePicker .DateRangePickerInput_arrow {
        margin: 0 10px; }
      .statistics-wrapper .card-statistics .card-body .filter .DateRangePicker .DateInput,
      .statistics-wrapper .card-statistics .card-body .filter .DateRangePicker .DateRangePickerInput,
      .statistics-wrapper .card-statistics .card-body .filter .DateRangePicker .DateInput_input,
      .statistics-wrapper .card-statistics .card-body .filter .DateRangePicker .DateInput_input__focused {
        background-color: transparent !important; }
      .statistics-wrapper .card-statistics .card-body .filter .select2-container {
        min-width: 0;
        width: 120px;
        min-height: 30px; }
        .statistics-wrapper .card-statistics .card-body .filter .select2-container .select2-selection__control {
          min-height: 30px !important; }
        .statistics-wrapper .card-statistics .card-body .filter .select2-container .select2-selection__indicator {
          padding: 0 8px; }
    .statistics-wrapper .card-statistics .card-body .content {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding-top: 15px; }
    .statistics-wrapper .card-statistics .card-body .empty {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .statistics-wrapper .card-statistics .card-body .empty p {
        margin-top: 5px; }

.recharts-legend-wrapper {
  top: inherit !important;
  bottom: 0;
  padding-top: 10px;
  border-top: 1px solid #dfdfee;
  text-align: left; }
  .recharts-legend-wrapper ul {
    text-align: left !important; }

.recharts-text {
  font-size: 11px; }

.chart-metrics .chart-real-time-stats .recharts-legend-wrapper .form-checkbox {
  min-width: 0; }

.chart-real-time-stats {
  padding-bottom: 30px;
  margin-right: -20px;
  margin-left: -20px; }
  .chart-real-time-stats .recharts-legend-wrapper {
    border: none;
    right: 0;
    width: 100% !important;
    padding-top: 34px;
    padding-left: 20px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .chart-real-time-stats .recharts-legend-wrapper .total {
      width: 100%;
      padding-bottom: 16px;
      border-bottom: 1px solid #dfdfee; }
    .chart-real-time-stats .recharts-legend-wrapper label .icon {
      margin: 0 6px 0 10px;
      padding-top: 2px; }
    .chart-real-time-stats .recharts-legend-wrapper .form-checkbox {
      min-width: 29%; }
      .chart-real-time-stats .recharts-legend-wrapper .form-checkbox ~ .form-checkbox {
        margin-left: 0; }
  .chart-real-time-stats .recharts-text {
    font-size: 10px;
    fill: #999; }

.frequently-used-select {
  position: relative; }
  .frequently-used-select .dropdown-layer {
    position: absolute;
    top: 30px;
    right: 0;
    width: 382px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #dfdfee;
    background-color: #fff;
    z-index: 2; }
    .frequently-used-select .dropdown-layer .head {
      padding: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid #dfdfee; }
    .frequently-used-select .dropdown-layer .row .col-3 {
      padding-left: 20px; }
    .frequently-used-select .dropdown-layer .row .form-checkbox {
      margin-right: 30px;
      margin-top: 5px;
      margin-bottom: 5px; }
      .frequently-used-select .dropdown-layer .row .form-checkbox ~ .form-checkbox {
        margin-left: 0;
        margin-right: 30px; }
    .frequently-used-select .dropdown-layer .wrap-btns {
      padding: 0 20px 20px;
      margin-top: 20px;
      text-align: right; }

.card-folder,
.card-tree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .card-folder:hover,
  .card-tree:hover {
    position: relative; }
  .card-folder .btn-tree-fold,
  .card-tree .btn-tree-fold {
    position: absolute;
    top: 0;
    right: -3px;
    bottom: 0;
    z-index: 2;
    width: 6px;
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.1, 1.2, 0.3, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.1, 1.2, 0.3, 1);
    transition: opacity 0.5s cubic-bezier(0.1, 1.2, 0.3, 1);
    cursor: w-resize; }
    .card-folder .btn-tree-fold:before, .card-folder .btn-tree-fold:after,
    .card-tree .btn-tree-fold:before,
    .card-tree .btn-tree-fold:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0; }
    .card-folder .btn-tree-fold:before,
    .card-tree .btn-tree-fold:before {
      width: 40px;
      right: -20px; }
    .card-folder .btn-tree-fold:after,
    .card-tree .btn-tree-fold:after {
      right: 50%; }
    .card-folder .btn-tree-fold:hover,
    .card-tree .btn-tree-fold:hover {
      opacity: 1; }
      .card-folder .btn-tree-fold:hover:after,
      .card-tree .btn-tree-fold:hover:after {
        -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.18);
                box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.18); }
    .card-folder .btn-tree-fold .btn,
    .card-tree .btn-tree-fold .btn {
      position: absolute;
      top: 20px;
      right: -10.5px;
      width: 25px;
      height: 25px;
      padding: 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .card-folder .btn-tree-fold .sprite,
    .card-tree .btn-tree-fold .sprite {
      margin-left: 0;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .card-folder .btn-tree-fold.fold .sprite,
    .card-tree .btn-tree-fold.fold .sprite {
      margin-left: 2px;
      -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
              transform: rotate(0); }
    @media screen and (max-width: 1650px) {
      .card-folder .btn-tree-fold,
      .card-tree .btn-tree-fold {
        opacity: 1;
        pointer-events: all; } }
  .card-folder .tree,
  .card-tree .tree {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 440px;
            flex: 0 1 440px;
    min-width: 380px;
    max-width: 440px;
    background-color: #fff;
    border-width: 1px 0 1px 1px;
    border-color: #dfdfee;
    border-style: solid;
    border-radius: 5px 0 0 5px;
    -webkit-transition: -webkit-flex-basis 300ms cubic-bezier(0.2, 0, 0, 1);
    transition: -webkit-flex-basis 300ms cubic-bezier(0.2, 0, 0, 1);
    -o-transition: flex-basis 300ms cubic-bezier(0.2, 0, 0, 1);
    transition: flex-basis 300ms cubic-bezier(0.2, 0, 0, 1);
    transition: flex-basis 300ms cubic-bezier(0.2, 0, 0, 1), -webkit-flex-basis 300ms cubic-bezier(0.2, 0, 0, 1), -ms-flex-preferred-size 300ms cubic-bezier(0.2, 0, 0, 1);
    z-index: 2; }
    @media screen and (max-width: 1920px) {
      .panel-push-open .card-folder .tree, .panel-push-open
      .card-tree .tree {
        width: 380px;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 380px;
                flex: 0 1 380px; } }
    @media screen and (max-width: 1650px) {
      .card-folder .tree,
      .card-tree .tree {
        width: 380px;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 380px;
                flex: 0 1 380px; } }
    .card-folder .tree > div,
    .card-folder .tree .tree,
    .card-tree .tree > div,
    .card-tree .tree .tree {
      border: none;
      height: 100%; }
    .card-folder .tree.tree-fold,
    .card-tree .tree.tree-fold {
      min-width: 35px;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 35px;
              flex: 0 1 35px;
      -webkit-box-shadow: inset -2px 0 4px 0 rgba(0, 0, 0, 0.08);
              box-shadow: inset -2px 0 4px 0 rgba(0, 0, 0, 0.08); }
      .card-folder .tree.tree-fold .btn-tree-fold,
      .card-tree .tree.tree-fold .btn-tree-fold {
        opacity: 1;
        cursor: e-resize; }
      .card-folder .tree.tree-fold .tree-view,
      .card-tree .tree.tree-fold .tree-view {
        overflow: hidden; }
        .card-folder .tree.tree-fold .tree-view .tree-select > .empty,
        .card-tree .tree.tree-fold .tree-view .tree-select > .empty {
          opacity: 0; }
      .card-folder .tree.tree-fold .tree-inner,
      .card-tree .tree.tree-fold .tree-inner {
        min-width: 35px;
        -webkit-transition: all 300ms cubic-bezier(0.2, 0, 0, 1);
        -o-transition: all 300ms cubic-bezier(0.2, 0, 0, 1);
        transition: all 300ms cubic-bezier(0.2, 0, 0, 1); }
      .card-folder .tree.tree-fold .tree-tool,
      .card-tree .tree.tree-fold .tree-tool {
        opacity: 0; }
      .card-folder .tree.tree-fold:hover .tree-inner,
      .card-tree .tree.tree-fold:hover .tree-inner {
        min-width: 380px;
        background-color: #fff;
        -webkit-box-shadow: inset -2px 0 4px 0 rgba(0, 0, 0, 0.08);
                box-shadow: inset -2px 0 4px 0 rgba(0, 0, 0, 0.08); }
      .card-folder .tree.tree-fold:hover .tree-view,
      .card-tree .tree.tree-fold:hover .tree-view {
        overflow-y: auto; }
        .card-folder .tree.tree-fold:hover .tree-view .tree-select > .empty,
        .card-tree .tree.tree-fold:hover .tree-view .tree-select > .empty {
          opacity: 1; }
      .card-folder .tree.tree-fold:hover .tree-tool,
      .card-tree .tree.tree-fold:hover .tree-tool {
        opacity: 1; }
    .card-folder .tree + .view,
    .card-tree .tree + .view {
      border-left: 1px solid #dfdfee; }
      .card-folder .tree + .view .card-search,
      .card-tree .tree + .view .card-search {
        width: 100%;
        min-width: 0;
        margin: 0;
        z-index: 1;
        border-width: 1px 1px 0 0;
        border-radius: 0 5px 0 0; }
        .card-folder .tree + .view .card-search + .folder-control + .card,
        .card-tree .tree + .view .card-search + .folder-control + .card {
          border-width: 0 1px 1px 0;
          border-radius: 0 0 5px 0; }
          .card-folder .tree + .view .card-search + .folder-control + .card > .card-body,
          .card-tree .tree + .view .card-search + .folder-control + .card > .card-body {
            border-top: 0;
            padding-top: 0; }
        .card-folder .tree + .view .card-search + .card,
        .card-tree .tree + .view .card-search + .card {
          border-width: 1px 1px 1px 0;
          border-radius: 0 0 5px 0; }
  .card-folder .view,
  .card-tree .view {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 1; }
    .card-folder .view > .card:not(.card-search),
    .card-tree .view > .card:not(.card-search) {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .card-folder .view > .card:not(.card-search),
        .card-tree .view > .card:not(.card-search) {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto; } }
      .card-folder .view > .card:not(.card-search) > .dropify-wrapper > .dropzone,
      .card-tree .view > .card:not(.card-search) > .dropify-wrapper > .dropzone {
        padding: 0;
        min-height: calc( 100vh - 56px - 70px - 74px); }
        .card-folder .view > .card:not(.card-search) > .dropify-wrapper > .dropzone > .card-body,
        .card-tree .view > .card:not(.card-search) > .dropify-wrapper > .dropzone > .card-body {
          padding-top: 0; }
    .card-folder .view > .card.card-body-upload-wrapper,
    .card-tree .view > .card.card-body-upload-wrapper {
      margin-top: 0;
      border-radius: 0 0 5px 0;
      border-width: 0 1px 1px 0; }
  .card-folder .card-grid,
  .card-tree .card-grid {
    min-width: 0; }

.folder-control {
  position: -webkit-sticky;
  position: sticky;
  top: 56px;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #dfdfee;
  border-bottom: 1px solid #dfdfee;
  border-right: 1px solid #dfdfee;
  background-color: #fcfcfc; }
  .folder-control + .card {
    margin-top: 0; }
  .folder-control ~ .card .control.is-control-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: calc(56px + 42px); }
  .folder-control .folder-tool {
    position: relative;
    white-space: nowrap; }
    .folder-control .folder-tool:first-of-type {
      padding: 0 15px;
      border-right: 1px solid rgba(223, 223, 238, 0.5); }
      .folder-control .folder-tool:first-of-type .btn-icon {
        width: 16px;
        margin: 0 5px;
        padding: 0; }
    .folder-control .folder-tool hr {
      height: 20px !important;
      margin: 0 5px !important; }
    .folder-control .folder-tool .btn-icon {
      height: 40px;
      margin: 0 5px;
      background-color: transparent; }
      .folder-control .folder-tool .btn-icon:disabled .sprite, .folder-control .folder-tool .btn-icon[disabled] .sprite {
        opacity: 0.4; }
    .folder-control .folder-tool .btn-refresh {
      border-left: 1px solid rgba(223, 223, 238, 0.5); }
      .folder-control .folder-tool .btn-refresh:hover .sprite {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -419px -928px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 16px;
        min-width: 16px;
        height: 12px; }
  .folder-control .search-result {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 20px;
    line-height: 38px; }
    .folder-control .search-result .sprite,
    .folder-control .search-result span {
      margin-right: 5px; }
  .folder-control .folder-path {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 20px;
    position: relative; }
    @media screen and (max-width: 1650px) {
      .panel-push-open :not(.tree-fold) + .view .folder-path {
        visibility: hidden;
        width: 0; } }
    .folder-control .folder-path .popper-tooltip {
      margin-right: 10px; }
    .folder-control .folder-path .list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%; }
      .folder-control .folder-path .list .item {
        position: relative;
        min-width: 60px;
        display: block;
        display: grid;
        padding-right: 30px; }
        .folder-control .folder-path .list .item .depth {
          white-space: nowrap;
          overflow: hidden;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis; }
        .folder-control .folder-path .list .item .btn-path {
          height: 100%;
          padding: 0 5px;
          background-color: transparent; }
        .folder-control .folder-path .list .item:after {
          content: '';
          position: absolute;
          right: 0;
          top: 50%;
          display: inline-block;
          width: 0;
          height: 0;
          margin: 0 12px;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          border-style: solid;
          border-width: 4px 0 4px 6px;
          border-color: transparent transparent transparent #6f6f83; }
        .folder-control .folder-path .list .item:last-child {
          padding-right: 0; }
          .folder-control .folder-path .list .item:last-child:after {
            content: none; }
    .folder-control .folder-path ul {
      position: absolute;
      left: 20px;
      display: inline-block;
      margin: 0;
      padding: 0;
      white-space: nowrap; }
      .folder-control .folder-path ul li {
        display: inline-block;
        line-height: 38px; }
        .folder-control .folder-path ul li span,
        .folder-control .folder-path ul li strong {
          vertical-align: middle;
          margin-left: 5px;
          line-height: 1;
          color: #2763ea; }
          .folder-control .folder-path ul li span:hover,
          .folder-control .folder-path ul li strong:hover {
            text-decoration: underline; }
          .folder-control .folder-path ul li span:active,
          .folder-control .folder-path ul li strong:active {
            text-decoration: underline;
            color: #000; }
        .folder-control .folder-path ul li:after {
          content: '';
          display: inline-block;
          width: 0;
          height: 0;
          margin: 0 12px;
          vertical-align: middle;
          border-style: solid;
          border-width: 4px 0 4px 6px;
          border-color: transparent transparent transparent #6f6f83; }
        .folder-control .folder-path ul li:last-child:after {
          content: none; }
    .folder-control .folder-path .depth {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      vertical-align: middle;
      padding: 0;
      border: 0;
      background: transparent; }
      .folder-control .folder-path .depth[data-tooltip]:after {
        white-space: nowrap; }
      .folder-control .folder-path .depth span,
      .folder-control .folder-path .depth strong {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        margin-left: 8px; }
      .folder-control .folder-path .depth.current {
        pointer-events: none;
        cursor: default; }
        .folder-control .folder-path .depth.current span,
        .folder-control .folder-path .depth.current strong {
          color: #000; }
    .folder-control .folder-path .status {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0; }
      .folder-control .folder-path .status svg {
        margin: 2px;
        margin-right: 0; }
        .folder-control .folder-path .status svg:first-child {
          margin-top: 0; }
        .folder-control .folder-path .status svg:last-child {
          margin-bottom: 0; }

.card-group .tree-select {
  padding-bottom: 10px; }

.card-group .tree .add-tree-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  padding: 0 15px 0 13px;
  border: 1px solid #2763ea; }
  .card-group .tree .add-tree-item input {
    border: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 10px; }
  .card-group .tree .add-tree-item .btn {
    width: 18px; }
    .card-group .tree .add-tree-item .btn:disabled {
      opacity: 0.5; }

.card-group .tree ul.list-groups {
  position: relative;
  padding: 38px 20px 0; }
  .card-group .tree ul.list-groups li {
    padding: 0 !important; }
    .card-group .tree ul.list-groups li:after {
      content: '';
      position: absolute;
      left: initial;
      right: 10px;
      top: 15px;
      background-color: transparent; }
    .card-group .tree ul.list-groups li:hover button {
      color: #2763ea; }
      .card-group .tree ul.list-groups li:hover button .sprite-group-dark {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -320px -230px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 20px;
        min-width: 20px;
        height: 12px; }
    .card-group .tree ul.list-groups li.active button {
      color: #2763ea;
      font-weight: bold; }
      .card-group .tree ul.list-groups li.active button .sprite-group-dark {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -320px -230px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 20px;
        min-width: 20px;
        height: 12px; }
      .card-group .tree ul.list-groups li.active button.default .sprite-group-disabled {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -320px -230px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 20px;
        min-width: 20px;
        height: 12px; }
    .card-group .tree ul.list-groups li.active:after {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -1025px -72px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 7px;
      min-width: 7px;
      height: 11px; }
    .card-group .tree ul.list-groups li.default {
      position: absolute;
      left: 20px;
      right: 20px;
      top: 0; }
    .card-group .tree ul.list-groups li button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      padding: 10px 20px 10px 10px;
      text-align: left; }
      .card-group .tree ul.list-groups li button .sprite {
        margin-top: 4px;
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none; }

.card-group .view .card-body {
  padding: 13px 30px 30px; }

.card-group .view .card-title {
  padding-bottom: 13px;
  font-size: 18px;
  text-transform: none; }

.tree {
  position: relative;
  min-height: 100vh; }
  .modal :not(.card-folder) > .tree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
    height: 460px;
    border-top: 1px solid #dfdfee;
    border-bottom: 1px solid #dfdfee;
    overflow-y: auto; }
    .modal :not(.card-folder) > .tree .tree-view {
      margin-left: -20px; }
      .modal :not(.card-folder) > .tree .tree-view .tree-select > ul > li {
        padding: 0; }
        .modal :not(.card-folder) > .tree .tree-view .tree-select > ul > li:after {
          content: none; }
      .modal :not(.card-folder) > .tree .tree-view .tree-select .tree-item .name {
        padding: 0 20px 0 0;
        margin-right: 0;
        border-radius: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .modal :not(.card-folder) > .tree .tree-view .tree-select .btn-fold .sprite {
        margin-top: 0; }
    .modal :not(.card-folder) > .tree.tree-guide {
      height: auto; }
  .tree-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
  .tree-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: calc(100vh - 182px); }
    .wrap-cms .tree-sticky {
      top: 100px; }
  .tree-tool {
    position: relative; }
    .tree-tool .tab-nav {
      padding: 20px; }
      .tree-tool .tab-nav ~ form {
        position: relative;
        margin-top: 0; }
        .tree-tool .tab-nav ~ form:after {
          content: '';
          display: block;
          position: absolute;
          left: 20px;
          right: 20px;
          top: 0;
          height: 1px;
          background-color: #dfdfee; }
    .tree-tool form {
      padding: 20px; }
    .card-group .tree-tool {
      padding-bottom: 10px; }
    .tree-tool hr {
      margin: 10px 0; }
    .tree-tool.false {
      margin: 0; }
      .tree-tool.false:after {
        content: none; }
    .tree-tool.has-nav:after {
      content: '';
      display: block;
      position: absolute;
      left: 20px;
      right: 20px;
      top: 100%;
      height: 1px;
      background-color: rgba(223, 223, 238, 0.5); }
    .tree-tool.has-search:after {
      content: '';
      display: block;
      position: absolute;
      left: 20px;
      right: 20px;
      top: 100%;
      height: 1px;
      background-color: rgba(223, 223, 238, 0.5); }
  .tree-view {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    overflow-x: auto;
    overflow-y: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
    .tree-view::-webkit-scrollbar {
      width: 14px;
      height: 20px;
      margin: 10px; }
    .tree-view::-webkit-scrollbar-track {
      background: transparent; }
    .tree-view::-webkit-scrollbar-thumb {
      background: rgba(17, 25, 63, 0.15);
      border-radius: 10px;
      background-clip: padding-box;
      border: 4px solid transparent; }
    .tree-view .tree-select {
      height: 100%; }
      .tree-view .tree-select > div {
        padding: 10px 0; }
        .tree-view .tree-select > div.empty {
          padding: 50px 0; }
      .tree-view .tree-select > ul > li {
        padding: 10px 0; }
        .tree-view .tree-select > ul > li:after {
          content: '';
          display: block;
          position: absolute;
          left: 20px;
          right: 20px;
          bottom: 0;
          height: 1px;
          background-color: rgba(223, 223, 238, 0.5); }
      .tree-view .tree-select ul {
        list-style: none; }
      .tree-view .tree-select li {
        position: relative; }
      .tree-view .tree-select .tree-item {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        justify-self: flex-start;
        min-height: 38px; }
        .tree-view .tree-select .tree-item > span {
          min-width: 20px; }
        .tree-view .tree-select .tree-item .status {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          vertical-align: middle;
          margin: 0 8px 0 0;
          margin-left: 0; }
          .tree-view .tree-select .tree-item .status .MzcCpIcon-root,
          .tree-view .tree-select .tree-item .status .sprite {
            margin: 2px;
            margin-right: 0; }
            .tree-view .tree-select .tree-item .status .MzcCpIcon-root:first-child,
            .tree-view .tree-select .tree-item .status .sprite:first-child {
              margin-top: 0; }
            .tree-view .tree-select .tree-item .status .MzcCpIcon-root:last-child,
            .tree-view .tree-select .tree-item .status .sprite:last-child {
              margin-bottom: 0; }
        .tree-view .tree-select .tree-item .loading {
          min-height: 38px;
          padding: 3px 7px 0 0;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
        .tree-view .tree-select .tree-item .name {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 0 20px 0 0;
          border: 0;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          margin-right: 20px;
          border-radius: 0 25px 25px 0;
          text-align: left;
          background: transparent;
          white-space: nowrap;
          font-size: 13px; }
          .tree-view .tree-select .tree-item .name svg {
            vertical-align: middle; }
          .tree-view .tree-select .tree-item .name span {
            line-height: 1; }
          .tree-view .tree-select .tree-item .name > div:first-child {
            margin-right: 8px; }
          .tree-view .tree-select .tree-item .name .popper-tooltip {
            margin-right: 8px; }
          .tree-view .tree-select .tree-item .name .loading:last-of-type {
            padding-left: 8px; }
        .tree-view .tree-select .tree-item .btn-dropdown {
          opacity: 0;
          position: absolute;
          right: 24px;
          top: 50%;
          margin-top: -12px; }
          .tree-view .tree-select .tree-item .btn-dropdown.dropdown-open {
            opacity: 1; }
        .tree-view .tree-select .tree-item .count {
          margin-left: 8px;
          color: #686868; }
        .tree-view .tree-select .tree-item.tree-item-hover > *, .tree-view .tree-select .tree-item:hover > * {
          background-color: #f8f8f8; }
        .tree-view .tree-select .tree-item.tree-item-hover .name, .tree-view .tree-select .tree-item:hover .name {
          text-decoration: underline; }
        .tree-view .tree-select .tree-item.tree-item-hover .btn-dropdown, .tree-view .tree-select .tree-item:hover .btn-dropdown {
          opacity: 1; }
        .tree-view .tree-select .tree-item.tree-item-selected > *:not(.btn-dropdown-toolbar) {
          background-color: rgba(194, 200, 254, 0.2); }
        .tree-view .tree-select .tree-item.tree-item-readonly .name {
          pointer-events: none; }
        .tree-view .tree-select .tree-item.tree-item-readonly:hover > * {
          background-color: transparent; }
        .tree-view .tree-select .tree-item.tree-item-readonly:hover .name {
          text-decoration: none; }
        .tree-view .tree-select .tree-item.tree-loading {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
      .tree-view .tree-select .btn-dropdown-toolbar .btn-dropdown-trigger {
        background: transparent; }
        .tree-view .tree-select .btn-dropdown-toolbar .btn-dropdown-trigger:hover, .tree-view .tree-select .btn-dropdown-toolbar .btn-dropdown-trigger:active,
        .tree-view .tree-select .btn-dropdown-toolbar .btn-dropdown-trigger .active {
          background-color: rgba(54, 56, 63, 0.12); }
      .tree-view .tree-select .tree-selected .sprite-folder-disabled {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -340px -963px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 14px;
        min-width: 14px;
        height: 12px; }
      .tree-view .tree-select .tree-selected > *:first-child .name {
        color: #2763ea; }
      .tree-view .tree-select .tree-selected.tree-open > .tree-item .btn-fold .sprite {
        border-width: 7px 5px 0 5px;
        border-color: #000 transparent transparent transparent; }
      .tree-view .tree-select .tree-empty .tree-item .btn-fold {
        pointer-events: none; }
        .tree-view .tree-select .tree-empty .tree-item .btn-fold .sprite {
          border-width: 7px 5px 0 5px;
          border-color: #d0d0d6 transparent transparent transparent; }
      .tree-view .tree-select .btn-fold {
        font: 0/0 a;
        vertical-align: middle;
        min-width: 20px;
        width: 20px;
        height: auto;
        padding: 0;
        border-radius: 0; }
        .tree-view .tree-select .btn-fold .sprite {
          font: 0/0 a;
          display: inline-block;
          margin-left: auto;
          margin-right: auto;
          margin-top: 4px;
          border-style: solid;
          border-width: 5px 0 5px 7px;
          border-color: transparent transparent transparent #6f6f83; }
        .tree-view .tree-select .btn-fold.active .sprite {
          border-width: 7px 5px 0 5px;
          border-color: #6f6f83 transparent transparent transparent; }
  .tree-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 10px;
    padding: 20px 0 15px;
    border-bottom: 1px solid #dfdfee; }
    .tree-head:has(.input-search) {
      padding-bottom: 0; }
  .tree-guide {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px; }
    .tree-guide .sprite {
      margin: 0 auto 15px; }
    .tree-guide hr {
      width: 100%;
      margin: 30px 0; }
    .tree-guide p {
      line-height: 1.54; }
      .tree-guide p ~ p {
        margin-top: 15px;
        margin-bottom: 5px; }

.tree-scrolled-view::-webkit-scrollbar {
  width: 14px;
  height: 20px;
  margin: 10px; }

.tree-scrolled-view::-webkit-scrollbar-track {
  background: transparent; }

.tree-scrolled-view::-webkit-scrollbar-thumb {
  background: rgba(17, 25, 63, 0.15);
  border-radius: 10px;
  background-clip: padding-box;
  border: 4px solid transparent; }

@media screen and (max-width: 1650px) {
  .lineup-content {
    position: relative;
    min-width: 1260px; }
    .lineup-content:before {
      content: "";
      display: block;
      position: fixed;
      right: 0;
      top: -100px;
      bottom: -100px;
      width: 50%;
      background-color: #f2f2f2;
      pointer-events: none; }
    .lineup-content .page-header,
    .lineup-content .list-schedule {
      margin-right: 70px; } }

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .list-schedule .info,
  .list-schedule .tools,
  .list-schedule .list-tools,
  .list-schedule .list-header {
    position: -webkit-sticky;
    position: sticky;
    outline: 1px solid #dfdfee; } }

.list-schedule .info {
  top: 56px;
  background: #fff;
  z-index: 14; }

.list-schedule .tools {
  top: 232px;
  z-index: 13; }

.list-schedule .list-tools {
  top: 284px;
  z-index: 12; }

.list-schedule .list-header {
  top: 343px;
  z-index: 11; }

.list-schedule .SingleDatePicker_picker {
  z-index: 5; }

.list-schedule .info {
  padding: 20px 30px; }
  .list-schedule .info .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: -15px; }
    .list-schedule .info .date .SingleDatePickerInput__withBorder {
      border: 0; }
      .list-schedule .info .date .SingleDatePickerInput__withBorder .SingleDatePickerInput_calendarIcon {
        margin: 0;
        padding-top: 0;
        padding-bottom: 0; }
      .list-schedule .info .date .SingleDatePickerInput__withBorder .DateInput_input {
        font-size: 24px;
        font-weight: bold;
        color: #000;
        line-height: 1;
        letter-spacing: -1px; }
  .list-schedule .info .current-time {
    font-weight: bold; }
    .list-schedule .info .current-time .title {
      font-size: 12px;
      color: #29b190; }
    .list-schedule .info .current-time .datetime {
      padding-left: 24px; }
      .list-schedule .info .current-time .datetime strong {
        display: inline-block;
        font-size: 15px; }
        .list-schedule .info .current-time .datetime strong ~ strong:before {
          content: "";
          display: inline-block;
          width: 1px;
          height: 15px;
          margin: 0 10px;
          vertical-align: middle;
          background-color: #dfdfee; }
      .list-schedule .info .current-time .datetime span {
        display: inline-block;
        margin-left: 10px;
        font-size: 13px;
        color: #70758c; }
  .list-schedule .info .btns-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .list-schedule .info .btns-options .btn-refresh {
      font-size: 14px; }
      .list-schedule .info .btns-options .btn-refresh .sprite {
        margin-top: -2px; }
    .list-schedule .info .btns-options .btn-transcoding {
      font-size: 14px; }
      .list-schedule .info .btns-options .btn-transcoding .sprite {
        margin-top: -2px;
        margin-right: 0; }
  .list-schedule .info .d-flex dl {
    position: relative;
    margin-bottom: 0;
    padding: 0 25px;
    white-space: nowrap; }
    .list-schedule .info .d-flex dl:first-child {
      padding-left: 0; }
    .list-schedule .info .d-flex dl:last-child {
      padding-left: 30px;
      margin-left: 5px; }
      .list-schedule .info .d-flex dl:last-child:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 36px;
        margin-top: -18px;
        background-color: #dedeed; }
  .list-schedule .info .d-flex dt {
    font-weight: bold; }
  .list-schedule .info .d-flex dd {
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 0;
    word-break: break-all;
    white-space: nowrap; }
    .list-schedule .info .d-flex dd a {
      color: #2763ea; }
    .list-schedule .info .d-flex dd .status-text-running .text {
      color: #000; }
    .list-schedule .info .d-flex dd .status-text .text {
      display: inline-block;
      max-width: 200px;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      overflow: hidden; }
    .list-schedule .info .d-flex dd .status-text .sprite {
      font-weight: normal; }

.list-schedule .tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #dfdfee;
  border-bottom: 1px solid #9c9cc1;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05); }
  .list-schedule .tools .controller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 192px;
    padding: 0 0 0 30px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-right: 1px solid #dfdfee;
    background-color: #fbfbfb;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .list-schedule .tools .controller h5 {
      font-size: 16px;
      font-weight: bold; }
    .list-schedule .tools .controller .SingleDatePickerInput__withBorder {
      border: 0;
      white-space: nowrap;
      background-color: transparent; }
      .list-schedule .tools .controller .SingleDatePickerInput__withBorder .SingleDatePickerInput_calendarIcon {
        margin: 0 15px 0 0;
        padding: 0; }
      .list-schedule .tools .controller .SingleDatePickerInput__withBorder .DateInput_input {
        padding: 7px 0;
        font-size: 16px !important;
        font-weight: bold;
        color: #000;
        background-color: transparent; }
        .list-schedule .tools .controller .SingleDatePickerInput__withBorder .DateInput_input__focused {
          border-bottom: 0; }
      .list-schedule .tools .controller .SingleDatePickerInput__withBorder .DateInput__small {
        margin-bottom: 15px;
        background-color: transparent; }
    .list-schedule .tools .controller .select-week .select2-container {
      width: auto;
      min-width: 75px;
      cursor: pointer; }
    .list-schedule .tools .controller .select-week .select2-selection__control {
      min-height: 0 !important;
      border: none !important;
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
      cursor: pointer; }
    .list-schedule .tools .controller .select-week .select2-selection__value-container,
    .list-schedule .tools .controller .select-week .select2-selection__indicator {
      padding: 0 !important;
      height: 20px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .list-schedule .tools .controller .select-week .select2-selection__single-value {
      font-size: 11px;
      color: #686868;
      font-weight: bold; }
    .list-schedule .tools .controller .select-week .select2-selection__indicator svg {
      display: none; }
    .list-schedule .tools .controller .select-week .select2-selection__indicator:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 3px 0 3px;
      border-color: #6f6f83 transparent transparent transparent; }
    .list-schedule .tools .controller .select-week .select2-selection__menu {
      min-width: 100px;
      margin-top: 5px; }
    .list-schedule .tools .controller .select-week .select2-selection__menu-list::-webkit-scrollbar {
      width: 6px;
      height: 20px;
      margin: 10px; }
    .list-schedule .tools .controller .select-week .select2-selection__menu-list::-webkit-scrollbar-track {
      background: transparent; }
    .list-schedule .tools .controller .select-week .select2-selection__menu-list::-webkit-scrollbar-thumb {
      background: rgba(17, 25, 63, 0.15);
      border-radius: 10px; }
    .list-schedule .tools .controller .select-week .select2-selection__option {
      padding: 5px 12px; }
    .list-schedule .tools .controller .week {
      position: absolute;
      left: 45px;
      bottom: 10px;
      font-size: 11px;
      color: #686868;
      font-weight: bold; }
    .list-schedule .tools .controller .btn-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .list-schedule .tools .controller .btn-group .btn {
        height: 25px;
        padding: 0 20px;
        border: none; }
        .list-schedule .tools .controller .btn-group .btn:disabled {
          opacity: 0.4; }
        .list-schedule .tools .controller .btn-group .btn:hover .sprite-angle-up {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -403px -1028px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 10px;
          min-width: 10px;
          height: 6px; }
        .list-schedule .tools .controller .btn-group .btn:hover .sprite-angle-down {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -343px -1028px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 10px;
          min-width: 10px;
          height: 6px; }
  .list-schedule .tools .date-nav {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-left: -1px; }
    .list-schedule .tools .date-nav .tab-item {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin-bottom: 0;
      border-left: 1px solid #dfdfee;
      background-color: #fff; }
      .list-schedule .tools .date-nav .tab-item:before, .list-schedule .tools .date-nav .tab-item:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        display: block;
        height: 4px;
        z-index: 1; }
      .list-schedule .tools .date-nav .tab-item.active:before {
        right: -1px;
        background-color: #f57f00; }
      .list-schedule .tools .date-nav .tab-item.active:after {
        background-color: #2763ea; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="1"]:after {
        width: 1%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="2"]:after {
        width: 2%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="3"]:after {
        width: 3%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="4"]:after {
        width: 4%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="5"]:after {
        width: 5%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="6"]:after {
        width: 6%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="7"]:after {
        width: 7%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="8"]:after {
        width: 8%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="9"]:after {
        width: 9%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="10"]:after {
        width: 10%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="11"]:after {
        width: 11%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="12"]:after {
        width: 12%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="13"]:after {
        width: 13%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="14"]:after {
        width: 14%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="15"]:after {
        width: 15%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="16"]:after {
        width: 16%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="17"]:after {
        width: 17%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="18"]:after {
        width: 18%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="19"]:after {
        width: 19%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="20"]:after {
        width: 20%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="21"]:after {
        width: 21%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="22"]:after {
        width: 22%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="23"]:after {
        width: 23%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="24"]:after {
        width: 24%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="25"]:after {
        width: 25%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="26"]:after {
        width: 26%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="27"]:after {
        width: 27%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="28"]:after {
        width: 28%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="29"]:after {
        width: 29%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="30"]:after {
        width: 30%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="31"]:after {
        width: 31%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="32"]:after {
        width: 32%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="33"]:after {
        width: 33%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="34"]:after {
        width: 34%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="35"]:after {
        width: 35%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="36"]:after {
        width: 36%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="37"]:after {
        width: 37%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="38"]:after {
        width: 38%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="39"]:after {
        width: 39%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="40"]:after {
        width: 40%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="41"]:after {
        width: 41%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="42"]:after {
        width: 42%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="43"]:after {
        width: 43%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="44"]:after {
        width: 44%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="45"]:after {
        width: 45%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="46"]:after {
        width: 46%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="47"]:after {
        width: 47%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="48"]:after {
        width: 48%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="49"]:after {
        width: 49%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="50"]:after {
        width: 50%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="51"]:after {
        width: 51%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="52"]:after {
        width: 52%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="53"]:after {
        width: 53%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="54"]:after {
        width: 54%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="55"]:after {
        width: 55%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="56"]:after {
        width: 56%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="57"]:after {
        width: 57%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="58"]:after {
        width: 58%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="59"]:after {
        width: 59%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="60"]:after {
        width: 60%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="61"]:after {
        width: 61%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="62"]:after {
        width: 62%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="63"]:after {
        width: 63%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="64"]:after {
        width: 64%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="65"]:after {
        width: 65%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="66"]:after {
        width: 66%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="67"]:after {
        width: 67%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="68"]:after {
        width: 68%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="69"]:after {
        width: 69%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="70"]:after {
        width: 70%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="71"]:after {
        width: 71%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="72"]:after {
        width: 72%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="73"]:after {
        width: 73%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="74"]:after {
        width: 74%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="75"]:after {
        width: 75%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="76"]:after {
        width: 76%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="77"]:after {
        width: 77%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="78"]:after {
        width: 78%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="79"]:after {
        width: 79%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="80"]:after {
        width: 80%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="81"]:after {
        width: 81%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="82"]:after {
        width: 82%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="83"]:after {
        width: 83%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="84"]:after {
        width: 84%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="85"]:after {
        width: 85%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="86"]:after {
        width: 86%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="87"]:after {
        width: 87%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="88"]:after {
        width: 88%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="89"]:after {
        width: 89%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="90"]:after {
        width: 90%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="91"]:after {
        width: 91%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="92"]:after {
        width: 92%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="93"]:after {
        width: 93%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="94"]:after {
        width: 94%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="95"]:after {
        width: 95%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="96"]:after {
        width: 96%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="97"]:after {
        width: 97%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="98"]:after {
        width: 98%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="99"]:after {
        width: 99%; }
      .list-schedule .tools .date-nav .tab-item.active[data-progress="100"]:after {
        width: 100%; }
      .list-schedule .tools .date-nav .tab-item.active .nav-link {
        color: #2763ea;
        background-color: #fff; }
      .list-schedule .tools .date-nav .tab-item.prev-day .nav-link {
        color: #999; }
      .list-schedule .tools .date-nav .tab-item .nav-link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        height: 50px;
        padding: 0 10px 0 20px;
        background: none;
        border-radius: 0;
        font-weight: 700;
        font-size: 16px;
        line-height: 1;
        text-align: left;
        color: #999;
        border: 0;
        color: #000;
        background-color: #fbfbfb;
        cursor: pointer; }
        .list-schedule .tools .date-nav .tab-item .nav-link[disabled] {
          cursor: default;
          background: none;
          border: none;
          font-weight: 400;
          color: #a7a7a7; }
        .list-schedule .tools .date-nav .tab-item .nav-link.active {
          color: #000;
          background-color: #fff; }
        .list-schedule .tools .date-nav .tab-item .nav-link:hover {
          border: 0; }
        .list-schedule .tools .date-nav .tab-item .nav-link small {
          display: block;
          margin: 8px 0 5px;
          font-size: 13px;
          line-height: 1; }

.list-schedule .list .item-wrapper {
  min-height: 58px; }

.list-schedule .list .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 58px;
  padding: 0;
  outline: 1px solid #dfdfee;
  background-color: #fff; }
  .list-schedule .list .item-wrapper:last-child .item .drop-position {
    display: none !important; }
  .list-schedule .list .item:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    top: -1px;
    bottom: -1px;
    width: 4px; }
  .list-schedule .list .item:after {
    content: "";
    min-height: inherit;
    font-size: 0; }
  .list-schedule .list .item > div {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100px;
    padding: 0 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .list-schedule .list .item > div:before {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 1px;
      height: 100%;
      background-color: #dfdfee; }
    .list-schedule .list .item > div:first-child:before, .list-schedule .list .item > div.state:before, .list-schedule .list .item > div.btns:before {
      content: none; }
    .list-schedule .list .item > div:first-child, .list-schedule .list .item > div.state, .list-schedule .list .item > div.btns {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      min-width: 0;
      padding: 0; }
    .list-schedule .list .item > div.state {
      position: relative;
      min-width: 70px;
      border: none;
      padding-left: 27px; }
      .list-schedule .list .item > div.state .status {
        position: absolute;
        left: 7px;
        top: 50%;
        height: 12px;
        margin-top: -6px; }
        .list-schedule .list .item > div.state .status .sprite {
          vertical-align: top; }
      .list-schedule .list .item > div.state .form-checkbox {
        margin-right: 10px; }
    .list-schedule .list .item > div.repeat {
      min-width: 0;
      width: 100px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      white-space: nowrap; }
    .list-schedule .list .item > div.btns {
      width: 100px;
      border-right: none;
      margin: 0;
      border: 0; }
    .list-schedule .list .item > div.flex-grow-1 {
      min-width: 0;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 40%;
              flex: 0 1 40%;
      word-break: break-all; }
      .list-schedule .list .item > div.flex-grow-1 .sprite {
        margin-left: 5px; }
    .list-schedule .list .item > div.add-line-btn {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      pointer-events: none; }
      .list-schedule .list .item > div.add-line-btn button {
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 100%;
        height: 10px;
        border: 0;
        padding: 0;
        opacity: 0;
        background: transparent;
        z-index: 12;
        pointer-events: auto; }
        .list-schedule .list .item > div.add-line-btn button:hover {
          opacity: 1; }
        .list-schedule .list .item > div.add-line-btn button:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 5px;
          width: 100%;
          height: 2px;
          background-color: #2763ea; }
        .list-schedule .list .item > div.add-line-btn button span {
          position: absolute;
          left: 50%;
          top: 50%;
          display: block;
          width: 20px;
          height: 20px;
          margin: -10px 0 0 -10px;
          z-index: 100;
          background-color: #2763ea;
          border-radius: 2px;
          -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
                  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
        .list-schedule .list .item > div.add-line-btn button .sprite {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -1054px -160px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 10px;
          min-width: 10px;
          height: 10px; }
  .list-schedule .list .item .drop-position {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #2763ea;
    font: 0/0 a;
    z-index: 10; }
    .list-schedule .list .item .drop-position span {
      position: absolute;
      left: 50%;
      top: 50%;
      display: block;
      width: 20px;
      height: 20px;
      margin: -10px 0 0 -10px;
      z-index: 100;
      background-color: #2763ea;
      border-radius: 2px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
    .list-schedule .list .item .drop-position .sprite {
      margin: 4px;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -1054px -160px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 10px;
      min-width: 10px;
      height: 10px; }
    .list-schedule .list .item .drop-position.upper {
      top: -1px; }
    .list-schedule .list .item .drop-position.under {
      bottom: -1px; }
  .list-schedule .list .item .btn {
    height: 30px;
    font-size: 13px;
    background-color: transparent; }
  .list-schedule .list .item .order-change {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .list-schedule .list .item .order-change:before {
      content: "";
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -1054px -460px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 6px;
      min-width: 6px;
      height: 14px; }
    .list-schedule .list .item .order-change .btns {
      opacity: 0;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .list-schedule .list .item .order-change .btns .btn {
        width: auto;
        height: auto;
        margin: 0;
        padding: 5px 10px;
        border: none; }
  .list-schedule .list .item .tooltip-repeat {
    position: relative; }
    .list-schedule .list .item .tooltip-repeat .tooltip {
      position: absolute;
      opacity: 0;
      min-width: 250px;
      line-height: 28px;
      padding: 5px 10px 10px;
      color: #fff;
      background-color: #5186ff;
      font-size: 13px;
      border-radius: 2px;
      margin-top: 10px;
      word-break: keep-all;
      font-style: normal;
      z-index: 1000;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      pointer-events: none; }
      .list-schedule .list .item .tooltip-repeat .tooltip:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: 100%;
        margin-top: 4px;
        pointer-events: none;
        border-bottom: 6px solid #5186ff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent; }
      .list-schedule .list .item .tooltip-repeat .tooltip ul {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0 0 0 10px; }
        .list-schedule .list .item .tooltip-repeat .tooltip ul:before {
          content: "";
          position: absolute;
          left: 0;
          top: 10px;
          display: inline-block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 2px 0 2px 4px;
          border-color: transparent transparent transparent #fff; }
    .list-schedule .list .item .tooltip-repeat:hover .tooltip {
      opacity: 1;
      -webkit-transform: translateX(-50%) translateY(0);
          -ms-transform: translateX(-50%) translateY(0);
              transform: translateX(-50%) translateY(0); }
  .list-schedule .list .item .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    color: #000; }
    .list-schedule .list .item .name:hover {
      text-decoration: none; }
    .list-schedule .list .item .name:first-child {
      width: 330px;
      padding: 11px 10px; }
      .list-schedule .list .item .name:first-child span {
        display: block;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden; }
  .list-schedule .list .item .media-type {
    white-space: nowrap; }
    .list-schedule .list .item .media-type-rtmp_push {
      color: #335d77; }
    .list-schedule .list .item .media-type-rtp {
      color: #009ea0; }
    .list-schedule .list .item .media-type-mp4 {
      color: #405fff; }
  .list-schedule .list .item .priority {
    color: #000; }
  .list-schedule .list .item .input-helper:before {
    background: #fff; }
  .list-schedule .list .item .btns > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding: 0; }
  .list-schedule .list .item .btns .default .btn {
    width: auto;
    margin: 0;
    padding: 0 7.5px;
    border: 0; }
  .list-schedule .list .item .btns .default .btn-detail {
    position: relative; }
    .list-schedule .list .item .btns .default .btn-detail > span {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%; }
    .list-schedule .list .item .btns .default .btn-detail i {
      margin-top: 1px; }
    .list-schedule .list .item .btns .default .btn-detail:hover {
      cursor: pointer; }
    .list-schedule .list .item .btns .default .btn-detail:after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      display: inline-block;
      width: 1px;
      height: 15px;
      margin-top: -7.5px;
      background-color: #dfdfee; }
  .list-schedule .list .item .btns .rearrange .btn {
    width: 30px; }
  .list-schedule .list .item .btns .btn-icon.disabled, .list-schedule .list .item .btns .btn-icon:disabled {
    opacity: 1; }
    .list-schedule .list .item .btns .btn-icon.disabled .sprite, .list-schedule .list .item .btns .btn-icon:disabled .sprite {
      opacity: 0.4; }
  .list-schedule .list .item .btns .btn-icon[data-tooltip]:after {
    white-space: nowrap; }
  .list-schedule .list .item:active, .list-schedule .list .item:hover {
    background-color: #f8f8f8; }
    .list-schedule .list .item:active .order-change:before, .list-schedule .list .item:hover .order-change:before {
      opacity: 0; }
    .list-schedule .list .item:active .order-change .btns, .list-schedule .list .item:hover .order-change .btns {
      opacity: 1; }
  .list-schedule .list .item.active {
    outline: 1px solid #b1d6c9;
    background-color: #d9f5ef; }
    .list-schedule .list .item.active:before {
      background-color: #29b190; }
    .list-schedule .list .item.active:hover {
      background-color: #cef3eb; }
    .list-schedule .list .item.active .sprite-play {
      margin-left: 2px;
      margin-bottom: 0; }
  .list-schedule .list .item.empty {
    background-color: #fff8f2;
    color: #f57f00;
    outline: 1px dashed #e6c2a6;
    z-index: 1;
    padding: 0; }
    .list-schedule .list .item.empty > div:before {
      content: none; }
    .list-schedule .list .item.empty.active {
      color: #000;
      outline: 1px solid #b1d6c9;
      background-color: #d9f5ef; }
    .list-schedule .list .item.empty.disabled {
      color: #999;
      background-color: #fbfbfb; }
      .list-schedule .list .item.empty.disabled > div.flex-grow-1 {
        color: #999; }
    .list-schedule .list .item.empty.is-dropped, .list-schedule .list .item.empty:hover {
      color: #2763ea;
      outline: 1px dashed #2763ea;
      background-color: #dee8ff; }
      .list-schedule .list .item.empty.is-dropped .btns, .list-schedule .list .item.empty:hover .btns {
        opacity: 1; }
      .list-schedule .list .item.empty.is-dropped.disabled, .list-schedule .list .item.empty:hover.disabled {
        color: #999;
        background-color: #fbfbfb;
        outline: 1px solid #dfdfee; }
        .list-schedule .list .item.empty.is-dropped.disabled > div.flex-grow-1, .list-schedule .list .item.empty:hover.disabled > div.flex-grow-1 {
          color: #999; }
        .list-schedule .list .item.empty.is-dropped.disabled .btns, .list-schedule .list .item.empty:hover.disabled .btns {
          opacity: 0; }
    .list-schedule .list .item.empty > div.flex-grow-1 {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #000;
      border-right: 0; }
    .list-schedule .list .item.empty .btns {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      margin: 0; }
      .list-schedule .list .item.empty .btns .empty {
        height: 100%;
        padding: 0; }
      .list-schedule .list .item.empty .btns .btn {
        width: 100%;
        height: 100%;
        margin: 0;
        border: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .list-schedule .list .item.empty .btns .btn span {
          display: inline-block;
          width: 20px;
          height: 20px;
          padding: 0;
          border-radius: 2px;
          -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
                  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
          background-color: #2763ea; }
        .list-schedule .list .item.empty .btns .btn .sprite {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -1054px -160px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 10px;
          min-width: 10px;
          height: 10px; }
  .list-schedule .list .item.clash {
    outline: 1px solid #e3c4c9;
    background-color: #fffbfa; }
    .list-schedule .list .item.clash:hover {
      background-color: #fff7f5; }
    .list-schedule .list .item.clash.active {
      outline: 1px solid #b1d6c9;
      background-color: #d9f5ef; }
      .list-schedule .list .item.clash.active .sprite-clash {
        display: none; }
      .list-schedule .list .item.clash.active.selected {
        outline: 1px solid #2763ea;
        background-color: #bed3ff; }
    .list-schedule .list .item.clash.selected:hover {
      background-color: #dee8ff; }
    .list-schedule .list .item.clash.disabled {
      outline: 1px solid #e3c4c9;
      background-color: #fffbfa; }
      .list-schedule .list .item.clash.disabled:hover {
        background-color: #fff7f5; }
  .list-schedule .list .item.rearrange {
    z-index: 3;
    outline: 1px solid #2763ea;
    background-color: #f4f7fd;
    -webkit-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.15); }
    .list-schedule .list .item.rearrange .order-change:before {
      opacity: 0; }
    .list-schedule .list .item.rearrange .order-change .btns {
      opacity: 1; }
  .list-schedule .list .item.selected {
    z-index: 2;
    outline: 1px solid #2763ea;
    background-color: #dee8ff; }
    .list-schedule .list .item.selected.disabled {
      z-index: 2;
      background-color: #bed3ff;
      outline: 1px solid #2763ea; }
  .list-schedule .list .item.create {
    margin: 10px 0;
    color: #000;
    border: 1px dashed #2763ea;
    outline: none;
    border-radius: 5px;
    background-color: #dee8ff; }
    .list-schedule .list .item.create.is-dropped, .list-schedule .list .item.create[is-dropped] {
      background-color: #c9daff; }
    .list-schedule .list .item.create > div {
      border: none; }
    .list-schedule .list .item.create .flex-grow-1 {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .list-schedule .list .item.create .btns {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-right: 15px; }
      .list-schedule .list .item.create .btns .btn {
        width: 30px; }
  .list-schedule .list .item.disabled {
    color: #999;
    background-color: #fbfbfb;
    outline: 1px solid #dfdfee; }
    .list-schedule .list .item.disabled:hover {
      background-color: #f8f8f8; }
      .list-schedule .list .item.disabled:hover .order-change:before {
        opacity: 1; }
      .list-schedule .list .item.disabled:hover .order-change .btns {
        opacity: 0; }
    .list-schedule .list .item.disabled .media-type {
      color: #999; }
    .list-schedule .list .item.disabled.selected:hover {
      background-color: #dee8ff; }

.list-schedule .list-tools .item {
  padding: 0 16px 0 26px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f5f5fa; }
  .list-schedule .list-tools .item > div:before {
    content: none; }
  .list-schedule .list-tools .item > div:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .list-schedule .list-tools .item .btn {
    background-color: #fff; }
    .list-schedule .list-tools .item .btn:hover {
      background-color: #6f6f83; }

.list-schedule .list-header .item {
  padding: 10px 0;
  background-color: #f5f5fa; }
  .list-schedule .list-header .item:after {
    content: none; }
  .list-schedule .list-header .item:hover {
    background-color: #f5f5fa; }
  .list-schedule .list-header .item > div {
    padding: 0 15px; }
    .list-schedule .list-header .item > div:before {
      top: 50%;
      height: 20px;
      margin-top: -10px; }
    .list-schedule .list-header .item > div:last-of-type:before {
      content: none; }
  .list-schedule .list-header .item .btns {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 15px; }
  .list-schedule .list-header .item .btn {
    width: 30px;
    margin-right: 15px; }

.list-schedule .list-body {
  margin-top: 2px; }

.list-schedule .btns-editable {
  margin-bottom: 5px; }

.list-schedule .add {
  padding: 10px; }
  .list-schedule .add button {
    display: block;
    width: 100%;
    height: 60px;
    font-size: 14px;
    font-weight: bold;
    color: #2763ea;
    border-radius: 3px;
    border: 1px dashed #9c9cc1;
    background-color: #f4f7fd; }

.box-schedule {
  position: relative; }
  .box-schedule .box-border > .btn-edit {
    float: right; }
  .box-schedule .list-overview > ul > li .title .btn-edit {
    opacity: 1; }
  .box-schedule .schedule-time,
  .box-schedule .schedule-duration {
    margin-top: 5px; }
    .box-schedule .schedule-time > div,
    .box-schedule .schedule-duration > div {
      margin-left: 20px; }

.current-time {
  font-weight: bold; }
  .current-time .title {
    font-size: 12px;
    color: #29b190; }
  .current-time .datetime {
    padding-left: 24px; }
    .current-time .datetime strong {
      display: inline-block;
      font-size: 15px; }
      .current-time .datetime strong ~ strong:before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 15px;
        margin: 0 10px;
        vertical-align: middle;
        background-color: #dfdfee; }
    .current-time .datetime span {
      display: inline-block;
      margin-left: 10px;
      font-size: 13px;
      color: #70758c; }
  .current-time + .btn {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-left: 5px;
    margin-bottom: 3px; }

.settings-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-color: #dfdfee;
  border-style: solid;
  border-width: 0 1px 1px; }
  .settings-table:first-child {
    border-top: 1px solid #dfdfee; }
    .settings-table:first-child[hidden] + .settings-table {
      border-top: 1px solid #dfdfee; }

.settings-th, .settings-td {
  padding: 30px; }
  .settings-th .form-control, .settings-td .form-control {
    min-height: 38px; }
    .settings-th .form-control:disabled, .settings-td .form-control:disabled {
      background-color: #f8f8f8; }
  .settings-th input[type='password']:-moz-read-only, .settings-td input[type='password']:-moz-read-only {
    padding: 0 20px;
    background-color: #f8f8f8; }
  .settings-th input[type='password']:read-only, .settings-th input[type='password'][readOnly], .settings-th input[type='password']:disabled, .settings-th input[type='password'][disabled], .settings-td input[type='password']:read-only, .settings-td input[type='password'][readOnly], .settings-td input[type='password']:disabled, .settings-td input[type='password'][disabled] {
    padding: 0 20px;
    background-color: #f8f8f8; }

.settings-th {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 260px;
  background-color: #fbfbfb; }
  .settings-th label {
    margin-bottom: 0;
    padding-top: 0; }
    .settings-th label:only-child {
      height: 36px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0; }

.settings-td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .settings-td .form-block .form-radio {
    margin: 5px 0; }

.settings-foot {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dfdfee; }

.viewer-json-header {
  padding-bottom: 15px; }
  .viewer-json-header:after {
    content: '';
    display: block;
    clear: both; }

.viewer-json-title {
  float: left;
  font-size: 16px;
  padding-top: 7px; }

.viewer-json-tools {
  float: right; }
  .viewer-json-tools select {
    width: auto;
    min-width: 111px; }
  .viewer-json-tools .btns {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none; }
    .viewer-json-tools .btns:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      display: inline-block;
      width: 1px;
      height: 26px;
      margin-top: -13px;
      background-color: #dfdfee; }
  .viewer-json-tools .btn {
    height: 38px;
    padding: 0 9px; }

.viewer-json-body pre {
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 13px;
  margin: 0;
  background: #e8eff4;
  padding: 15px; }

.wrap-viewer .main,
.wrap-viewer .footer {
  background-color: #fff; }

.wrap-viewer.wrap-error .main,
.wrap-viewer.wrap-error .footer {
  background-color: #f2f2f2; }

.viewer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 40px;
  border-top: 1px solid #dfdfee; }
  .viewer-status {
    border-radius: 3px;
    border-left: solid 1px #dfdfee;
    border-right: solid 1px #dfdfee;
    background-color: #fcfcfc; }
    .viewer-status .folder-control {
      position: static; }
      .viewer-status .folder-control .folder-path ul {
        position: static; }
        .viewer-status .folder-control .folder-path ul li {
          line-height: 50px; }
          .viewer-status .folder-control .folder-path ul li span,
          .viewer-status .folder-control .folder-path ul li strong {
            text-decoration: none; }
            .viewer-status .folder-control .folder-path ul li span strong,
            .viewer-status .folder-control .folder-path ul li strong strong {
              vertical-align: baseline; }
          .viewer-status .folder-control .folder-path ul li .sprite {
            margin-top: -4px; }
  .viewer-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 0; }
  .viewer .viewer-card {
    min-width: 240px;
    max-width: 320px;
    height: 345px;
    margin: 0 0.75rem 0.75rem 0;
    padding: 10px;
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    border: 1px solid transparent; }
    .viewer .viewer-card:hover .thumbnail {
      border-color: #6f6f83; }
    .viewer .viewer-card:active, .viewer .viewer-card.selected {
      border-radius: 3px;
      border: solid 1px #6f6f83;
      background-color: #f4f7fe; }
    .viewer .viewer-card .thumbnail {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 240px;
      background: #f8f8f8;
      border: 1px solid transparent; }
      .viewer .viewer-card .thumbnail img {
        max-width: 100%;
        max-height: 100%; }
    .viewer .viewer-card .content {
      height: 124px;
      padding: 15px 10px;
      text-align: left; }
      .viewer .viewer-card .content strong {
        display: block;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .viewer .viewer-card .content .meta {
        margin-top: 15px; }
        .viewer .viewer-card .content .meta span:before {
          content: '';
          display: inline-block;
          width: 1px;
          height: 10px;
          vertical-align: middle;
          background-color: #dfdfee;
          margin: 0 10px; }
        .viewer .viewer-card .content .meta span:first-child:before {
          content: none; }

.widget-item:last-of-type {
  border-color: #6f6f83; }

.widget-item:focus-within {
  border-color: #6f6f83; }

.widget-item:focus-within + .widget-item {
  border-color: #dfdfee; }

.widget-item-text {
  word-break: break-all;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex: 1;
      flex: 1;
  padding-left: 22px; }
  .widget-item-list .widget-item-text {
    padding-left: 32px;
    display: block; }
    .widget-item-list .widget-item-text .sprite {
      position: absolute;
      top: 5px;
      left: 0;
      display: block; }
  .widget-item-text:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

.widget-item-tools {
  font: 0/0 a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  opacity: 0; }
  .widget-item-tools .btn {
    padding: 0 10px; }
    .widget-item-tools .btn ~ .btn {
      margin: 0; }

.widget-item-sort {
  height: 100%;
  border-left: 1px solid #dfdfee; }

.widget-item-edit:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -760px -963px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 12px;
  min-width: 12px;
  height: 12px; }

.widget-item-delete:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -134px;
  background-size: 1064px auto;
  background-image: url(../images/sprites.png);
  width: 8px;
  min-width: 8px;
  height: 8px; }

.widget-item-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .widget-item-sort button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 28px;
    height: 17px; }
    .widget-item-sort button:disabled {
      opacity: 0.3; }
  .widget-item-sort .up:before {
    content: '';
    border-style: solid;
    border-width: 0 4px 7px 4px;
    border-color: transparent transparent #011293 transparent; }
  .widget-item-sort .down:before {
    content: '';
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #011293 transparent transparent transparent; }

.widget-item-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex: 1;
      flex: 1; }
  .widget-item-list .widget-item-submit {
    padding: 10px 0 10px 10px; }
  .widget-item-submit > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-flex: 1;
        flex: 1; }
    .widget-item-submit > div .select2-container ~ .select2-container {
      margin-top: 5px; }
  .widget-item-submit input {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-flex: 1;
        flex: 1;
    vertical-align: middle;
    height: 50px;
    padding-right: 15px;
    padding-left: 15px;
    border: 0;
    background-color: transparent; }
    .widget-item-list .widget-item-submit input {
      height: auto; }
  .widget-item-submit button {
    font: 0/0 a;
    vertical-align: middle;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    display: inline-block;
    margin-left: 5px;
    border: 0;
    background-color: transparent; }
    .widget-item-submit button:disabled.cancel, .widget-item-submit button.disabled.cancel {
      opacity: .8; }
    .widget-item-submit button:disabled.submit, .widget-item-submit button.disabled.submit {
      opacity: .5;
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
  .widget-item-submit .cancel {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -266px -676px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 18px;
    min-width: 18px;
    height: 18px; }
  .widget-item-submit .submit {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -304px -676px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 18px;
    min-width: 18px;
    height: 18px; }

.widget-item-list {
  list-style: none;
  padding: 10px 0; }
  .widget-item-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 50px;
    margin-top: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 15px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #dfdfee; }
    .widget-item-list .item:first-child {
      margin-top: 0; }
    .widget-item-list .item:hover {
      border: 1px solid #2763ea;
      background-color: #f4f7fd; }
      .widget-item-list .item:hover .widget-item-tools,
      .widget-item-list .item:hover .category-item-tools {
        opacity: 1; }
    .widget-item-list .item.selected {
      color: #fff;
      border-color: #4a7aeb;
      background-color: #4a7aeb; }
      .widget-item-list .item.selected .widget-item-sort,
      .widget-item-list .item.selected .category-item-sort {
        border-color: rgba(0, 0, 0, 0.08); }
        .widget-item-list .item.selected .widget-item-sort .up:before,
        .widget-item-list .item.selected .category-item-sort .up:before {
          border-color: transparent transparent #fff transparent; }
        .widget-item-list .item.selected .widget-item-sort .down:before,
        .widget-item-list .item.selected .category-item-sort .down:before {
          border-color: #fff transparent transparent transparent; }
      .widget-item-list .item.selected .widget-item-edit:before,
      .widget-item-list .item.selected .category-item-edit:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -696px -963px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 12px;
        min-width: 12px;
        height: 12px; }
      .widget-item-list .item.selected .widget-item-delete:before,
      .widget-item-list .item.selected .category-item-delete:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -1025px -506px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 7px;
        min-width: 7px;
        height: 7px; }
      .widget-item-list .item.selected .widget-item .select2-selection__input input,
      .widget-item-list .item.selected .category-item .select2-selection__input input {
        height: 100%; }
    .widget-item-list .item.inactive, .widget-item-list .item.inactive:hover {
      color: #686868;
      border-color: #dfdfee;
      background-color: #f8f8f8; }
      .widget-item-list .item.inactive .widget-item-tools,
      .widget-item-list .item.inactive .category-item-tools, .widget-item-list .item.inactive:hover .widget-item-tools,
      .widget-item-list .item.inactive:hover .category-item-tools {
        display: none; }
    .widget-item-list .item.has-item {
      position: relative; }
      .widget-item-list .item.has-item:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 100%;
        width: 0;
        height: 0;
        margin-top: -7px;
        border-style: solid;
        border-width: 7px 0 7px 8px;
        border-color: transparent transparent transparent #b6b6ca; }
      .widget-item-list .item.has-item:hover:after, .widget-item-list .item.has-item.selected:after {
        border-left-color: #4a7aeb; }
  .widget-item-list .edit {
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 0;
    padding-left: 0;
    border-color: #4a7aeb; }
    .widget-item-list .edit:hover {
      background-color: #fff; }
    .widget-item-list .edit:focus-within {
      border-color: #4a7aeb; }
    .widget-item-list .edit .select-active {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 56px;
      margin: 9px 0;
      border-right: 1px solid #dfdfee; }
      .widget-item-list .edit .select-active .active,
      .widget-item-list .edit .select-active .inactive {
        color: #000;
        text-align: left;
        vertical-align: middle;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        border: 0;
        padding-left: 15px;
        background-color: transparent; }
        .widget-item-list .edit .select-active .active:before,
        .widget-item-list .edit .select-active .inactive:before {
          content: ''; }
        .widget-item-list .edit .select-active .active span,
        .widget-item-list .edit .select-active .inactive span {
          font: 0/0 a;
          display: inline-block; }
          .widget-item-list .edit .select-active .active span:after,
          .widget-item-list .edit .select-active .inactive span:after {
            content: '';
            vertical-align: middle;
            display: inline-block;
            margin-left: 10px;
            border-style: solid;
            border-width: 7px 3px 0 3px;
            border-color: #686868 transparent transparent transparent; }
      .widget-item-list .edit .select-active .dropdown-menu {
        top: 35px; }
        .widget-item-list .edit .select-active .dropdown-menu button:before {
          margin-right: 5px; }
  .widget-item-list .error {
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
    border-color: #ef4016 !important; }
    .widget-item-list .error:hover {
      border-color: #ef4016 !important; }
    .widget-item-list .error > div {
      width: 100%; }
    .widget-item-list .error .category-item-submit {
      padding-right: 15px; }
      .widget-item-list .error .category-item-submit .error {
        margin-right: 10px;
        border-right: 1px solid #dfdfee;
        padding-right: 10px; }
        .widget-item-list .error .category-item-submit .error .sprite {
          margin-top: -3px; }
    .widget-item-list .error .form-message {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 100%;
      padding: 5px 20px;
      color: #fff;
      background-color: rgba(239, 64, 22, 0.7); }

.metadata-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .metadata-fields .bullet {
    margin-right: 9px; }
    .metadata-fields .bullet .sprite {
      vertical-align: top; }
      .metadata-fields .bullet .sprite-text_field {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -696px -528px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 18px;
        min-width: 18px;
        height: 18px; }
      .metadata-fields .bullet .sprite-text_area {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -696px -566px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 18px;
        min-width: 18px;
        height: 18px; }
      .metadata-fields .bullet .sprite-date_picker_single {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -696px -338px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 18px;
        min-width: 18px;
        height: 18px; }
      .metadata-fields .bullet .sprite-date_picker_range {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -696px -300px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 18px;
        min-width: 18px;
        height: 18px; }
      .metadata-fields .bullet .sprite-time_picker {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 0px -676px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 18px;
        min-width: 18px;
        height: 18px; }
      .metadata-fields .bullet .sprite-time_picker_range {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -696px -604px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 18px;
        min-width: 18px;
        height: 18px; }
      .metadata-fields .bullet .sprite-tag {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -696px -490px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 18px;
        min-width: 18px;
        height: 18px; }
      .metadata-fields .bullet .sprite-number {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -696px -376px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 18px;
        min-width: 18px;
        height: 18px; }
      .metadata-fields .bullet .sprite-select_single {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -696px -452px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 18px;
        min-width: 18px;
        height: 18px; }
      .metadata-fields .bullet .sprite-select_multi {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -696px -414px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 18px;
        min-width: 18px;
        height: 18px; }
  .metadata-fields .search {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 378px;
    margin-right: 30px;
    border: 1px solid #dfdfee;
    border-radius: 5px; }
    .metadata-fields .search-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 16px; }
      .metadata-fields .search-form .form-control {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
      .metadata-fields .search-form .btn {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        width: 38px;
        margin-left: 5px;
        padding: 0; }
    .metadata-fields .search-result {
      max-height: 696px;
      overflow-y: auto; }
      .metadata-fields .search-result .item {
        position: relative;
        padding: 15px 53px 15px 15px;
        border-top: 1px solid #dfdfee; }
        .metadata-fields .search-result .item:hover, .metadata-fields .search-result .item:active, .metadata-fields .search-result .item.selected {
          background-color: #f4f7fd; }
          .metadata-fields .search-result .item:hover:after, .metadata-fields .search-result .item:active:after, .metadata-fields .search-result .item.selected:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            border: 1px solid #2763ea;
            pointer-events: none; }
          .metadata-fields .search-result .item:hover .body .form-control, .metadata-fields .search-result .item:active .body .form-control, .metadata-fields .search-result .item.selected .body .form-control {
            background-color: #fff; }
            .metadata-fields .search-result .item:hover .body .form-control:disabled, .metadata-fields .search-result .item:active .body .form-control:disabled, .metadata-fields .search-result .item.selected .body .form-control:disabled {
              background-color: #fff; }
          .metadata-fields .search-result .item:hover .btns .btn-add strong, .metadata-fields .search-result .item:active .btns .btn-add strong, .metadata-fields .search-result .item.selected .btns .btn-add strong {
            background-color: #4a7aeb; }
        .metadata-fields .search-result .item .head {
          margin-bottom: 10px; }
          .metadata-fields .search-result .item .head strong {
            vertical-align: middle; }
        .metadata-fields .search-result .item .body {
          padding-right: 10px; }
          .metadata-fields .search-result .item .body .form-control {
            height: 38px;
            padding: 0 0 0 10px;
            background-color: #fbfbfb; }
            .metadata-fields .search-result .item .body .form-control:disabled {
              background-color: #fbfbfb; }
          .metadata-fields .search-result .item .body .textarea {
            padding-bottom: 0; }
            .metadata-fields .search-result .item .body .textarea .form-control {
              line-height: 38px; }
          .metadata-fields .search-result .item .body .datepicker {
            position: relative;
            padding: 0; }
            .metadata-fields .search-result .item .body .datepicker .form-control {
              padding-left: 48px; }
          .metadata-fields .search-result .item .body .sprite {
            position: absolute;
            left: 21px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%); }
          .metadata-fields .search-result .item .body .tags-inputs {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            background-color: #f8f8f8;
            border-radius: 2px; }
            .metadata-fields .search-result .item .body .tags-inputs .input {
              border: 1px solid #9c9cc1;
              padding-left: 10px;
              background: #f4f7fd;
              color: #686868;
              margin-left: 3.5px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box; }
              .metadata-fields .search-result .item .body .tags-inputs .input .form-control {
                width: 60px;
                min-width: 0;
                height: 23px;
                padding-left: 0;
                line-height: 22px;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box; }
        .metadata-fields .search-result .item .btns {
          position: absolute;
          right: 0;
          top: 0;
          width: 53px;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 0; }
          .metadata-fields .search-result .item .btns:before {
            content: '';
            position: absolute;
            display: inline-block;
            top: 16px;
            left: 0;
            bottom: 16px;
            width: 1px;
            background-color: #efeff6; }
          .metadata-fields .search-result .item .btns .btn-add {
            width: 100%;
            height: 100%;
            padding: 0;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            .metadata-fields .search-result .item .btns .btn-add strong {
              position: relative;
              display: inline-block;
              width: 18px;
              height: 18px;
              font-size: 0;
              border-radius: 100%;
              background-color: rgba(104, 104, 104, 0.3); }
              .metadata-fields .search-result .item .btns .btn-add strong:before, .metadata-fields .search-result .item .btns .btn-add strong:after {
                content: '';
                display: inline-block;
                position: absolute;
                left: 4.5px;
                top: 8.5px;
                width: 10px;
                height: 2px;
                background-color: #fff; }
              .metadata-fields .search-result .item .btns .btn-add strong:after {
                -webkit-transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                        transform: rotate(90deg); }
  .metadata-fields .list {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .metadata-fields .list .btn-toolbar {
      position: relative; }
      .metadata-fields .list .btn-toolbar .btn-icon {
        width: 30px;
        height: 30px; }
    .metadata-fields .list .list-items {
      list-style: none;
      padding: 10px 0; }
      .metadata-fields .list .list-items .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        min-height: 50px;
        margin-top: 5px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 15px;
        border-radius: 2px;
        -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.05);
                box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.05);
        border: 1px solid #dfdfee; }
        .metadata-fields .list .list-items .item:first-child {
          margin-top: 0; }
        .metadata-fields .list .list-items .item:hover {
          border: 1px solid #2763ea;
          background-color: #f4f7fd; }
          .metadata-fields .list .list-items .item:hover .item-tools {
            opacity: 1;
            margin-left: 20px;
            padding-left: 5px; }
        .metadata-fields .list .list-items .item.selected {
          color: #fff;
          border-color: #4a7aeb;
          background-color: #4a7aeb; }
          .metadata-fields .list .list-items .item.selected .metadata-item-sort {
            border-color: rgba(0, 0, 0, 0.08); }
            .metadata-fields .list .list-items .item.selected .metadata-item-sort .up:before {
              border-color: transparent transparent #fff transparent; }
            .metadata-fields .list .list-items .item.selected .metadata-item-sort .down:before {
              border-color: #fff transparent transparent transparent; }
          .metadata-fields .list .list-items .item.selected .metadata-item-edit:before {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -696px -963px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 12px;
            min-width: 12px;
            height: 12px; }
          .metadata-fields .list .list-items .item.selected .metadata-item-delete:before {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -1025px -506px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 7px;
            min-width: 7px;
            height: 7px; }
        .metadata-fields .list .list-items .item-text {
          word-break: break-all;
          position: relative;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          .metadata-fields .list .list-items .item-text:before {
            content: '';
            display: block;
            width: 2px;
            height: 2px;
            background-color: #000;
            position: absolute;
            left: 0;
            top: 50%; }
        .metadata-fields .list .list-items .item-submit {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
        .metadata-fields .list .list-items .item-row {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-weight: bold; }
          .metadata-fields .list .list-items .item-row .col {
            -ms-flex-preferred-size: 0;
                flex-basis: 0;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            min-width: 0;
            max-width: 100%;
            padding: 0 10px; }
            .metadata-fields .list .list-items .item-row .col:not(div) {
              max-width: 10px;
              -webkit-box-flex: 0;
                  -ms-flex: none;
                      flex: none;
              text-align: center;
              padding: 0;
              font-weight: normal;
              line-height: 18px; }
            .metadata-fields .list .list-items .item-row .col .form-control {
              min-height: 38px; }
        .metadata-fields .list .list-items .item-tools {
          position: relative;
          font: 0/0 a;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          opacity: 0;
          padding: 10px; }
          .metadata-fields .list .list-items .item-tools::before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            height: 38px;
            width: 1px;
            background-color: #dfdfee; }
          .metadata-fields .list .list-items .item-tools button {
            border: 0;
            padding: 0 6px;
            background-color: transparent;
            font: 0/0 a;
            vertical-align: middle;
            -webkit-box-flex: 0;
                -ms-flex: none;
                    flex: none;
            display: inline-block;
            margin-left: 5px;
            border: 0;
            background-color: transparent; }
            .metadata-fields .list .list-items .item-tools button.disabled, .metadata-fields .list .list-items .item-tools button[disabled], .metadata-fields .list .list-items .item-tools button:disabled {
              opacity: .4;
              -webkit-filter: grayscale(1);
                      filter: grayscale(1);
              cursor: default; }
          .metadata-fields .list .list-items .item-tools .cancel {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -266px -676px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 18px;
            min-width: 18px;
            height: 18px; }
          .metadata-fields .list .list-items .item-tools .submit {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -304px -676px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 18px;
            min-width: 18px;
            height: 18px; }
        .metadata-fields .list .list-items .item-sort {
          height: 100%;
          border-left: 1px solid #dfdfee; }
        .metadata-fields .list .list-items .item-edit:before {
          content: '';
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -760px -963px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 12px;
          min-width: 12px;
          height: 12px; }
        .metadata-fields .list .list-items .item-delete:before {
          content: '';
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -1025px -134px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 8px;
          min-width: 8px;
          height: 8px; }
        .metadata-fields .list .list-items .item-sort {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .metadata-fields .list .list-items .item-sort button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            width: 28px;
            height: 17px; }
            .metadata-fields .list .list-items .item-sort button:disabled {
              opacity: 0.3; }
          .metadata-fields .list .list-items .item-sort .up:before {
            content: '';
            border-style: solid;
            border-width: 0 4px 7px 4px;
            border-color: transparent transparent #011293 transparent; }
          .metadata-fields .list .list-items .item-sort .down:before {
            content: '';
            border-style: solid;
            border-width: 7px 4px 0 4px;
            border-color: #011293 transparent transparent transparent; }
      .metadata-fields .list .list-items .edit:hover {
        background-color: #fff; }
      .metadata-fields .list .list-items .edit:focus-within {
        border-color: #4a7aeb; }
      .metadata-fields .list .list-items .edit .item-row .col:not(div) {
        line-height: 38px; }
      .metadata-fields .list .list-items .edit .item-row .col:first-child {
        padding-left: 0; }
      .metadata-fields .list .list-items .edit .item-tools {
        opacity: 1;
        margin-left: 20px;
        padding-left: 5px; }
      .metadata-fields .list .list-items .edit .select-active {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        width: 56px;
        margin: 9px 0;
        border-right: 1px solid #dfdfee; }
        .metadata-fields .list .list-items .edit .select-active .active,
        .metadata-fields .list .list-items .edit .select-active .inactive {
          color: #000;
          text-align: left;
          vertical-align: middle;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 100%;
          border: 0;
          padding-left: 15px;
          background-color: transparent; }
          .metadata-fields .list .list-items .edit .select-active .active:before,
          .metadata-fields .list .list-items .edit .select-active .inactive:before {
            content: ''; }
          .metadata-fields .list .list-items .edit .select-active .active span,
          .metadata-fields .list .list-items .edit .select-active .inactive span {
            font: 0/0 a;
            display: inline-block; }
            .metadata-fields .list .list-items .edit .select-active .active span:after,
            .metadata-fields .list .list-items .edit .select-active .inactive span:after {
              content: '';
              vertical-align: middle;
              display: inline-block;
              margin-left: 10px;
              border-style: solid;
              border-width: 7px 3px 0 3px;
              border-color: #686868 transparent transparent transparent; }
        .metadata-fields .list .list-items .edit .select-active .dropdown-menu {
          top: 35px; }
          .metadata-fields .list .list-items .edit .select-active .dropdown-menu button:before {
            margin-right: 5px; }
      .metadata-fields .list .list-items .form-checkbox {
        position: relative;
        margin-right: 0;
        padding-top: 8px; }
        .metadata-fields .list .list-items .form-checkbox input:hover {
          background-color: transparent; }
        .metadata-fields .list .list-items .form-checkbox .sprite + span {
          margin-top: -2px; }
      .metadata-fields .list .list-items .form-stack {
        margin-top: 10px; }
        .metadata-fields .list .list-items .form-stack .text-danger {
          margin: 8px 0; }
      .metadata-fields .list .list-items .btn {
        padding: inherit; }
        .metadata-fields .list .list-items .btn:not(.btn-icon) {
          padding: 0 20px; }

.item-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .item-sort button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 25px;
    height: 19px;
    padding: 0;
    background: transparent;
    border: 0;
    font-size: 0; }
    .item-sort button:disabled {
      opacity: 0.3; }
  .item-sort .up:before {
    content: '';
    border-style: solid;
    border-width: 0 4px 7px 4px;
    border-color: transparent transparent #000 transparent; }
  .item-sort .down:before {
    content: '';
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #000 transparent transparent transparent; }

.routing-simple .form-input, .routing-weighted .form-input {
  min-width: 63px;
  margin-right: 5px; }

.routing-simple .slider-container, .routing-weighted .slider-container {
  margin-bottom: 25px; }

.routing-simple .select2-container, .routing-weighted .select2-container {
  min-width: 120px;
  margin: 0 5px; }

.routing-weighted {
  margin-bottom: -20px; }
  .btn.float-right + .routing-weighted {
    margin-right: 30px; }
  .routing-weighted .routing-weighted-item > div {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px; }
    .routing-weighted .routing-weighted-item > div i[class^='sprite sprite-vendor'] {
      position: absolute;
      left: 0; }
      .routing-weighted .routing-weighted-item > div i[class^='sprite sprite-vendor'] + p {
        margin-left: 0; }
    .routing-weighted .routing-weighted-item > div .form-input {
      width: 80px; }
      .routing-weighted .routing-weighted-item > div .form-input input {
        font-weight: bold; }

.routing-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .routing-head .sprite-dot {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 12px;
    height: 12px;
    border: 1px solid #11193f;
    border-radius: 100%; }
    .routing-head .sprite-dot:before {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      width: 6px;
      height: 6px;
      background-color: #11193f;
      margin: -3px 0 0 -3px;
      border-radius: 100%; }

.routing-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 20px 0; }
  .routing-item .form-input {
    width: 80px; }
    .routing-item .form-input input {
      font-weight: bold; }
  @media screen and (max-width: 768px) {
    .routing-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .routing-item-default {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0;
    border-bottom: 0; }
    @media screen and (max-width: 768px) {
      .routing-item-default {
        margin: 10px 0 20px;
        padding: 10px; } }
  .routing-item .country {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
            flex: 0 1 20%;
    min-width: 210px;
    padding-right: 20px;
    white-space: normal;
    word-break: break-all; }
    @media screen and (max-width: 768px) {
      .routing-item .country {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%; } }
    .routing-item .country strong {
      display: block;
      margin-bottom: 5px;
      position: relative;
      padding-left: 10px; }
      .routing-item .country strong:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        width: 3px;
        height: 3px;
        background-color: #000; }
    .routing-item .country .select2-container {
      margin-top: 10px; }
  .routing-item .slider,
  .routing-item .content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    @media screen and (max-width: 768px) {
      .routing-item .slider,
      .routing-item .content {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%; } }
    .routing-item .slider-status,
    .routing-item .content-status {
      display: grid;
      width: 100%;
      margin-top: 20px;
      grid-gap: 20px 40px;
      grid-template-columns: repeat(auto-fill, minmax(135px, auto)); }
      .routing-item .slider-status > div,
      .routing-item .content-status > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: 0;
        padding-right: 20px;
        border-right: 1px solid rgba(223, 223, 238, 0.5); }
        .routing-item .slider-status > div:last-child,
        .routing-item .content-status > div:last-child {
          margin-right: 0;
          padding-right: 0;
          border-right: 0; }
        .routing-item .slider-status > div .form-input,
        .routing-item .content-status > div .form-input {
          margin-right: 8px; }
  .routing-item .btn {
    padding: 5px; }
  .routing-item .btn-delete {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50px;
            flex: 0 1 50px;
    padding: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .routing-item ~ .routing-add {
    padding-top: 20px; }

.routing-add {
  padding-top: 25px;
  border-top: 1px solid #dfdfee; }
  .routing-add .col.country {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 210px;
            flex: 0 1 210px;
    padding-left: 10px; }
  .routing-head .routing-add {
    width: 100%;
    padding-top: 0;
    border-top: 0;
    margin: 0;
    margin-bottom: 5px; }
    .routing-head .routing-add .select2-container {
      min-width: 100%; }

.routing-list-custom {
  margin: 10px 0;
  padding: 0 20px 20px;
  border-radius: 3px;
  border: solid 1px #dfdfee;
  background-color: #f8f8f8; }
  @media screen and (max-width: 768px) {
    .routing-list-custom {
      padding: 10px; } }

@media screen and (max-width: 768px) {
  .routing-list-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.routing-list-body .routing-item {
  margin-top: 10px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #dfdfee;
  border-radius: 2px; }
  .routing-list-body .routing-item:first-of-type {
    margin-top: 20px; }
  .routing-list-body .routing-item .country {
    min-width: 190px; }

.routing-type {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 100px;
  width: 100px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.routing-status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: normal;
  padding-left: 15px;
  border-left: 1px solid #dfdfee;
  vertical-align: middle; }
  .routing-status > span {
    display: inline-block;
    min-width: 90px; }
    .routing-status > span strong {
      min-width: 38px;
      display: inline-block;
      text-align: right;
      margin-left: 0; }
  .routing-status .title {
    vertical-align: middle;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    margin-top: 25px; }
    .routing-status .title:first-of-type {
      margin-top: 0;
      margin-bottom: 15px; }
    .routing-status .title strong {
      position: relative;
      color: #686868;
      padding-left: 10px; }
      .routing-status .title strong::before {
        content: '';
        position: absolute;
        left: 0;
        top: 5px;
        display: inline-block;
        width: 3px;
        height: 3px;
        background-color: #000; }
    .routing-status .title .btn-link {
      margin: -5px 0 0 15px;
      text-decoration: underline; }
  .table tr:only-child .routing-status [data-tooltip]:after,
  .table tr:last-child .routing-status [data-tooltip]:after {
    top: inherit;
    bottom: 100%;
    margin-bottom: 5px; }

.routing-failover {
  margin-left: 8px; }
  .routing-failover .sprite-failover {
    margin: 0 5px;
    white-space: nowrap; }
  .routing-failover hr {
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0;
    vertical-align: middle; }
  .routing-failover span {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: inline-block;
    width: 70px;
    vertical-align: middle;
    margin-right: 5px; }
    .routing-failover span .sprite {
      -webkit-filter: grayScale(1);
              filter: grayScale(1);
      -webkit-transform: scale(0.728);
          -ms-transform: scale(0.728);
              transform: scale(0.728); }

.analysis-select-head {
  border-bottom: 1px solid #dfdfee; }
  .analysis-select-head strong {
    display: block;
    font-size: 15px;
    margin-bottom: 15px; }

.analysis-select-list {
  padding: 25px 0; }
  .analysis-select-list .form-block {
    margin-top: 20px; }
    .analysis-select-list .form-block:first-child {
      margin-top: 0; }
    .analysis-select-list .form-block .form-checkbox span {
      margin-left: 5px;
      text-transform: capitalize; }
      .analysis-select-list .form-block .form-checkbox span .sprite {
        margin-right: 5px;
        margin-left: 3px; }
      .analysis-select-list .form-block .form-checkbox span.analyzed {
        color: #f57f00; }
      .analysis-select-list .form-block .form-checkbox span.analyzing {
        color: #2763ea; }
    .analysis-select-list .form-block p {
      color: #686868;
      font-size: 11px;
      margin-top: 3px;
      margin-left: 26px; }

.analysis-select-foot {
  text-align: right;
  padding-top: 15px;
  border-top: 1px solid #dfdfee; }
  .analysis-select-foot .btn {
    margin-left: 5px; }

.analysis-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }
  .analysis-view-head {
    font-size: 15px; }
    .analysis-view-head .btn.btn-round {
      -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
              transform: rotate(-180deg);
      margin-right: 10px; }
  .analysis-view-search {
    padding: 20px 0 0; }
    .analysis-view-search .area-search {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .analysis-view-search .area-search .row:first-of-type {
        margin-top: 0;
        padding-top: 0;
        padding-right: 0;
        border-top: 0; }
      .analysis-view-search .area-search .row:last-of-type {
        width: 100%;
        margin-top: 5px !important;
        padding-top: 0 !important;
        border-top: none !important;
        padding-left: 0;
        border-left: 0; }
      .analysis-view-search .area-search .row:only-child {
        width: 100%;
        margin-top: 0;
        padding-top: 0;
        border-top: 0; }
    .analysis-view-search:after {
      content: '';
      display: block;
      height: 1px;
      background: #dfdfee;
      margin: 20px -20px 0; }
  .analysis-view-folding:last-child .analysis-view-toggle {
    border-bottom: 0; }
  .analysis-view-toggle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 15px 0;
    font-weight: bold;
    border: 0;
    border-bottom: 1px solid #dfdfee;
    background-color: transparent; }
    .analysis-view-toggle:not(div):before {
      content: '';
      width: 0;
      height: 0;
      margin-right: 8px;
      border-style: solid;
      border-width: 5.5px 0 5.5px 8px;
      border-color: transparent transparent transparent rgba(0, 0, 0, 0.4); }
    .analysis-view-toggle:not(div).active {
      border-bottom: 0; }
    .analysis-view-toggle:not(button).active {
      border-bottom: 0; }
    .active > .analysis-view-toggle {
      border-bottom: 0; }
      .active > .analysis-view-toggle:before {
        margin-right: 6px;
        border-width: 8px 5.5px 0 5.5px;
        border-color: #000 transparent transparent transparent; }
    .analysis-view-toggle .toggle:before {
      content: '';
      display: inline-block;
      width: 0;
      height: 0;
      margin-right: 8px;
      border-style: solid;
      border-width: 5.5px 0 5.5px 8px;
      border-color: transparent transparent transparent rgba(0, 0, 0, 0.4); }
    .analysis-view-toggle.active .toggle:before {
      margin-right: 6px;
      border-width: 8px 5.5px 0 5.5px;
      border-color: #000 transparent transparent transparent; }
    .analysis-view-toggle .image {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 71px;
      margin-left: 10px;
      border-left: 1px solid #dfdfee; }
      .analysis-view-toggle .image img {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
           object-fit: cover; }
    .analysis-view-toggle .preview {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 30px;
      min-height: 30px;
      margin-left: 10px;
      line-height: 24px;
      border-left: 1px solid #dfdfee; }
    .analysis-view-toggle .form-checkbox + .label {
      margin-left: 10px;
      border-left: 1px solid #dfdfee; }
    .analysis-view-toggle .label {
      display: block;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 30px;
      padding: 0 10px;
      border-radius: 1.5px;
      line-height: 22px;
      border: 1px solid #b6b6ca;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      overflow: hidden; }
      .analysis-view-toggle .label span {
        display: inline-block;
        vertical-align: middle;
        font-weight: normal; }
      .analysis-view-toggle .label .color {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-top: 4px;
        margin-right: 10px;
        border-radius: 100%;
        font: 0/0 a; }
    .analysis-view-toggle .delete {
      position: absolute;
      right: 0; }
  .analysis-view .empty {
    text-align: center;
    display: block;
    padding: 20px 0; }
    .analysis-view .empty .sprite {
      display: block;
      margin: 0 auto; }
  .analysis-view-lists {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-flex: 1;
        flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: -10px;
    padding-right: 10px;
    padding-bottom: 20px; }
    .analysis-view-lists::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      margin: 10px; }
    .analysis-view-lists::-webkit-scrollbar-track {
      background: transparent; }
    .analysis-view-lists::-webkit-scrollbar-thumb {
      background: rgba(17, 25, 63, 0.15);
      border-radius: 10px; }
  .analysis-view-list {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px;
    padding: 5px 0;
    border: 1px solid #dfdfee; }
    .analysis-view-list::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      margin: 10px; }
    .analysis-view-list::-webkit-scrollbar-track {
      background: transparent; }
    .analysis-view-list::-webkit-scrollbar-thumb {
      background: rgba(17, 25, 63, 0.15);
      border-radius: 10px; }
    .analysis-view-list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 8px 0;
      padding: 7px 20px; }
      .analysis-view-list li:hover, .analysis-view-list li.active {
        background-color: rgba(39, 99, 234, 0.05); }
      .analysis-view-list li.danger .name, .analysis-view-list li.warning .name {
        font-weight: bold; }
      .analysis-view-list li.danger .name {
        color: #ef4016; }
      .analysis-view-list li.warning .name {
        color: #f57f00; }
      .analysis-view-list li.high .name,
      .analysis-view-list li.high .confidence {
        color: #2e9812; }
    .analysis-view-list .image {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 61px;
      margin-right: 10px;
      border-right: 1px solid #dfdfee; }
      .analysis-view-list .image img {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
           object-fit: cover; }
    .analysis-view-list .preview {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 24px;
      min-height: 30px;
      margin-right: 10px;
      line-height: 24px;
      border-right: 1px solid #dfdfee; }
    .analysis-view-list .player {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 26px; }
    .analysis-view-list .time {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      margin-left: 15px; }
    .analysis-view-list .check {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      max-width: 50%; }
    .analysis-view-list label {
      cursor: pointer;
      position: relative;
      margin-bottom: 0; }
      .analysis-view-list label input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0; }
      .analysis-view-list label span {
        display: block;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 30px;
        padding: 0 10px;
        border-radius: 1.5px;
        border: 1px solid #b6b6ca;
        background-color: #fff;
        line-height: 28px;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden; }
        .analysis-view-list label span:before {
          content: '';
          margin-right: 10px;
          margin-top: -2px;
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -552px -893px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 14px;
          min-width: 14px;
          height: 14px; }
      .analysis-view-list label input:checked ~ span {
        border-color: #2763ea; }
        .analysis-view-list label input:checked ~ span:before {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -518px -893px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 14px;
          min-width: 14px;
          height: 14px; }
      .analysis-view-list label .sprite.sprite-loading {
        position: absolute;
        left: 10px;
        top: 8px;
        z-index: 1;
        background-color: #fff; }
      .analysis-view-list label .sprite + * {
        margin: 0; }
    .analysis-view-list .confidence {
      text-align: right;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -ms-flex: 1;
          flex: 1; }
      .analysis-view-list .confidence i {
        font-style: normal;
        margin: 0 2px; }
      .analysis-view-list .confidence small {
        font-size: 11px; }
      .analysis-view-list .confidence strong {
        color: #000; }
    .analysis-view-list .more {
      color: #2763ea;
      width: calc(100% - 38px);
      height: 30px;
      margin: 0 20px 15px;
      border: 1px solid #b6b6ca;
      background-color: transparent;
      border-radius: 2px; }
      .analysis-view-list .more:after {
        content: '';
        margin-left: 8px;
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -313px -1028px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 10px;
        min-width: 10px;
        height: 6px; }
  .analysis-view-foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -20px 0 -20px;
    padding: 15px 20px 0;
    border-top: 1px solid #dfdfee; }
    .analysis-view-foot .btn:first-child {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .analysis-view-foot .btn:first-child .sprite-angle-right {
        margin-top: 3px; }
    .analysis-view-foot hr {
      display: inline-block;
      margin: 0 5px 0 10px;
      width: 1px;
      height: 38px; }

.analysis-search {
  position: relative;
  padding: 20px 0; }
  .analysis-search .area-search {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .analysis-search .area-search .row:first-of-type {
      margin-top: 0;
      padding-top: 0;
      padding-right: 0;
      border-top: 0; }
    .analysis-search .area-search .row:last-of-type {
      width: 100%;
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid #dfdfee;
      padding-left: 0;
      border-left: 0; }
    .analysis-search .area-search .row:only-child {
      width: 100%;
      margin-top: 0;
      padding-top: 0;
      border-top: 0; }
  .analysis-search:after {
    content: '';
    position: absolute;
    left: -20px;
    right: -20px;
    bottom: 0;
    display: block;
    height: 1px;
    background-color: #dfdfee; }

.analysis-time-head {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(223, 223, 238, 0.5); }
  .analysis-time-head .check {
    display: inline-block;
    max-width: 50%;
    vertical-align: middle; }
  .analysis-time-head label {
    cursor: pointer;
    position: relative;
    margin-bottom: 0; }
    .analysis-time-head label input {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0; }
    .analysis-time-head label span {
      display: block;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 30px;
      padding: 0 10px;
      border-radius: 1.5px;
      border: 1px solid #b6b6ca;
      line-height: 28px;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      overflow: hidden; }
      .analysis-time-head label span:before {
        content: '';
        margin-right: 10px;
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -552px -893px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 14px;
        min-width: 14px;
        height: 14px; }
    .analysis-time-head label input:checked ~ span {
      border-color: #2763ea; }
      .analysis-time-head label input:checked ~ span:before {
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -518px -893px;
        background-size: 1064px auto;
        background-image: url(../images/sprites.png);
        width: 14px;
        min-width: 14px;
        height: 14px; }

.analysis-time-list {
  margin: 0 -20px;
  height: calc(600px - 322px);
  overflow-y: auto; }
  .analysis-time-list::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    margin: 10px; }
  .analysis-time-list::-webkit-scrollbar-track {
    background: transparent; }
  .analysis-time-list::-webkit-scrollbar-thumb {
    background: rgba(17, 25, 63, 0.15);
    border-radius: 10px; }
  .analysis-time-list li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 20px 10px 34px; }
    .analysis-time-list li:before {
      content: '';
      display: block;
      position: absolute;
      left: 20px;
      top: 50%;
      width: 3px;
      height: 3px;
      background-color: #11193f;
      margin-top: -1px; }
    .analysis-time-list li:hover {
      background-color: rgba(39, 99, 234, 0.05); }
    .analysis-time-list li.high {
      color: #2e9812; }
  .analysis-time-list .time {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-flex: 1;
        flex: 1; }
  .analysis-time-list .confidence strong {
    font-weight: normal; }
  .analysis-time-list .preview {
    margin-left: 30px; }
  .analysis-time-list .more {
    color: #2763ea;
    width: calc(100% - 40px);
    height: 30px;
    margin: 10px 20px 15px;
    border: 1px solid #b6b6ca;
    background-color: transparent;
    border-radius: 2px; }
    .analysis-time-list .more:after {
      content: '';
      margin-left: 8px;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -313px -1028px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 10px;
      min-width: 10px;
      height: 6px; }

.analysis-time-foot {
  text-align: right;
  margin: 0 -20px;
  padding: 15px 20px 0;
  border-top: 1px solid #dfdfee; }

.analysis-select-people .analysis-select-head {
  padding-bottom: 20px; }
  .analysis-select-people .analysis-select-head h5 {
    font-size: 15px;
    margin-bottom: 13px; }
  .analysis-select-people .analysis-select-head p {
    font-size: 11px;
    line-height: 18px;
    color: #686868; }

.analysis-select-people .analysis-select-body .empty {
  padding: 70px 0; }

.analysis-select-people .analysis-select-body .box-scroll {
  height: 280px;
  max-height: 280px;
  padding: 20px;
  overflow-y: auto;
  border: none; }

.analysis-select-people-list {
  padding: 15px 14px; }

.analysis-select-people-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0;
  font-weight: bold;
  border-top: 1px solid #dfdfee; }
  .analysis-select-people-tools .indexed {
    font-size: 11px;
    color: #686868; }
    .analysis-select-people-tools .indexed strong {
      color: #000; }
  .analysis-select-people-tools .ongoing {
    color: #2763ea;
    font-weight: normal; }
  .analysis-select-people-tools .complete {
    color: #f57f00;
    font-weight: normal; }
  .analysis-select-people-tools .btn {
    font-weight: normal; }
    .analysis-select-people-tools .btn ~ .btn {
      margin-left: 5px; }

.analysis-view-people {
  margin: -20px;
  padding-bottom: 16px; }
  .analysis-view-people .analysis-view-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 15px;
    border-bottom: 1px solid #dfdfee; }
    .analysis-view-people .analysis-view-search .input-group {
      margin-right: 5px; }
      .analysis-view-people .analysis-view-search .input-group .input-group-prepend {
        height: 38px; }
        .analysis-view-people .analysis-view-search .input-group .input-group-prepend .input-group-text {
          position: relative;
          border-color: #b6b6ca;
          border-right: 0; }
          .analysis-view-people .analysis-view-search .input-group .input-group-prepend .input-group-text:after {
            content: '';
            display: inline-block;
            width: 1px;
            height: 20px;
            background: #e6e6ec;
            position: absolute;
            right: 1px;
            top: 50%;
            z-index: 1;
            margin-top: -10px; }
      .analysis-view-people .analysis-view-search .input-group .select2-selection__control {
        border-left: 0; }
  .analysis-view-people .analysis-view-toggle-people {
    position: relative; }
    .analysis-view-people .analysis-view-toggle-people.active .analysis-view-layer {
      display: block; }
  .analysis-view-people .analysis-view-lists {
    padding: 20px 20px 0; }
    .analysis-view-people .analysis-view-lists .scroll-area {
      max-height: 320px;
      border-width: 1px 0 0 0; }
  .analysis-view-people .analysis-view-toggle-btns {
    margin-bottom: 15px; }
    .analysis-view-people .analysis-view-toggle-btns button {
      margin: 0;
      padding: 0 5px;
      border: 0;
      background: transparent; }
    .analysis-view-people .analysis-view-toggle-btns .btn-toggle .btn-all,
    .analysis-view-people .analysis-view-toggle-btns .btn-toggle .image {
      display: inline-block;
      width: 50px;
      height: 50px;
      font-size: 11px;
      line-height: 50px;
      text-align: center;
      vertical-align: middle;
      color: #fff;
      background-color: #3f485a; }
      .analysis-view-people .analysis-view-toggle-btns .btn-toggle .btn-all img,
      .analysis-view-people .analysis-view-toggle-btns .btn-toggle .image img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
    .analysis-view-people .analysis-view-toggle-btns .btn-toggle:after {
      content: '';
      margin-left: 7px; }
  .analysis-view-people .analysis-view-layer {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 432px;
    margin-top: 5px;
    padding: 15px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #dfdfee;
    background-color: #fff;
    border-radius: 5px;
    z-index: 1; }
    .analysis-view-people .analysis-view-layer .scroll-area {
      max-height: 215px;
      overflow-x: hidden;
      overflow-y: auto; }
  .analysis-view-people .analysis-view-list li {
    padding-left: 0; }
    .analysis-view-people .analysis-view-list li:hover {
      background-color: transparent; }
  .analysis-view-people .analysis-view-foot {
    margin-top: 0; }

.analysis-video-timeline {
  padding: 50px 20px 35px;
  min-height: 200px; }
  .analysis-video-timeline-ruler {
    position: relative;
    min-height: 30px;
    background-color: rgba(255, 255, 255, 0.1); }
  .analysis-video-timeline-gauges {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5; }
  .analysis-video-timeline-objects {
    position: relative;
    width: 100%; }
  .analysis-video-timeline-item {
    position: absolute;
    height: 100%;
    opacity: .6; }
  .analysis-video-timeline-active-block {
    position: absolute;
    top: -50px;
    bottom: 0;
    border-left: 1px solid;
    border-right: 1px solid; }
    .analysis-video-timeline-active-block-bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 50px; }
    .analysis-video-timeline-active-block > div {
      position: absolute;
      top: 0; }
      .analysis-video-timeline-active-block > div i {
        position: absolute;
        left: 50%;
        margin-left: -5px;
        top: 42px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 5px 0 5px; }
      .analysis-video-timeline-active-block > div span {
        position: absolute;
        margin: 14px 7.5px 0;
        padding: 0px 5px 2px;
        white-space: nowrap;
        line-height: 12px;
        font-size: 9px;
        font-weight: bold;
        text-align: center;
        color: #ffffff;
        border-radius: 3px; }
    .analysis-video-timeline-active-block-start {
      right: 100%; }
      .analysis-video-timeline-active-block-start span {
        right: 100%; }
    .analysis-video-timeline-active-block-end {
      position: absolute;
      left: 100%; }
  .analysis-video-timeline-active-line {
    position: absolute;
    top: -50px;
    bottom: 0;
    z-index: 2;
    background-color: #ef4016; }
    .analysis-video-timeline-active-line:after {
      content: '';
      position: absolute;
      left: 50%;
      margin-left: -5px;
      top: 42px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 5px 0 5px;
      border-color: rgba(230, 0, 0, 0.7) transparent transparent transparent; }
    .analysis-video-timeline-active-line > div {
      position: absolute;
      right: 0;
      margin: 4px 7.5px;
      padding: 0px 5px 2px;
      white-space: nowrap;
      line-height: 12px;
      font-size: 9px;
      font-weight: bold;
      text-align: center;
      color: #ffffff;
      border-radius: 3px;
      border: solid 1px #e60000;
      background-color: rgba(230, 0, 0, 0.7); }
  .analysis-video-timeline-duration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 10px -10px 0;
    opacity: 0.5;
    font-size: 9px;
    font-weight: bold;
    color: #ffffff; }

.configuration-box {
  height: 100%;
  border: solid 1px #dfdfee; }
  .configuration-box .title {
    padding: 17px 30px;
    background-color: #fbfbfb;
    border-bottom: solid 1px #dfdfee; }
  .configuration-box .contents {
    padding: 30px; }
  .configuration-box-add {
    height: 100%;
    padding: 30px;
    border: solid 1px #dfdfee;
    border-radius: 5px 0 0 5px; }
    .configuration-box-add.even {
      border-radius: 0 5px 5px 0;
      border-left: none; }
    .configuration-box-add .title {
      display: block;
      font-size: 16px;
      min-height: px; }
    .configuration-box-add .empty {
      text-align: center; }
    .configuration-box-add ul {
      padding: 0; }
      .configuration-box-add ul li {
        list-style: none; }
    .configuration-box-add .dot {
      position: relative;
      display: inline-block;
      min-height: 30px;
      line-height: 30px;
      margin: 0;
      padding-left: 10px;
      font-size: 13px; }
      .configuration-box-add .dot:before {
        content: '';
        position: absolute;
        left: 0;
        top: 13px;
        display: inline-block;
        width: 3px;
        height: 3px;
        background-color: #000;
        border-radius: 3px; }
    .configuration-box-add .btn-trash {
      width: 30px;
      height: 30px;
      margin: 0 10px; }
    .configuration-box-add .tags-inputs {
      width: 100%; }

.configuration-key {
  margin-bottom: 20px; }
  .configuration-key .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .configuration-key .item + .item {
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid #dfdfee; }
    .configuration-key .item .key {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-bottom: 8px; }
    .configuration-key .item > strong {
      line-height: 1; }
  .configuration-key-add .card {
    border-radius: 2px; }
    .configuration-key-add .card .card-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 20px 0 20px 20px;
      border-radius: 2px 2px 0 0; }
      .configuration-key-add .card .card-header .btn-trash {
        width: 30px;
        height: 30px;
        margin: 0 10px; }
    .configuration-key-add .card .card-body {
      padding: 20px; }
  .configuration-key-add .dot {
    padding-left: 0; }
    .configuration-key-add .dot:before {
      content: none; }
  .configuration-key-add .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .configuration-key-add .item + .item {
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid #dfdfee; }
    .configuration-key-add .item .key {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-bottom: 5px; }
      .configuration-key-add .item .key .sprite.active {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
    .configuration-key-add .item .form-inline {
      margin-top: 10px; }
    .configuration-key-add .item > ul {
      margin-top: 10px;
      padding-left: 10px;
      border-top: 1px solid #dfdfee; }
      .configuration-key-add .item > ul li {
        padding-top: 20px; }
    .configuration-key-add .item .form-switch-label .form-switch {
      margin-left: 30px; }
    .configuration-key-add .item .form-switch-label + div {
      margin-top: 8px; }

.configuration-item {
  padding-bottom: 30px; }
  .configuration-item:last-child {
    padding-bottom: 0; }
  .configuration-item .title {
    position: relative;
    display: block;
    font-size: 13px;
    margin-bottom: 18px;
    padding: 0;
    border: 0;
    background-color: transparent; }
    .configuration-item .title:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      height: 1px;
      background-color: #dfdfee; }
    .configuration-item .title span {
      position: relative;
      z-index: 5;
      display: inline-block;
      padding: 0 15px 0 14px;
      height: 24px;
      line-height: 24px;
      background-color: #f6f6f6;
      border: 1px solid #9c9cc1;
      border-radius: 2px;
      font-weight: bold; }
      .configuration-item .title span:after {
        content: '';
        position: absolute;
        top: 0;
        right: -11px;
        width: 10px;
        height: 100%;
        background-color: #fff; }
  .configuration-item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 13px 0;
    min-height: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid rgba(223, 223, 238, 0.5); }
    .configuration-item-row:first-of-type {
      border-top: none; }
    .configuration-item-row dt {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 150px; }
    .configuration-item-row dd {
      margin: 0; }

.dashboard:after {
  content: '';
  display: block;
  clear: both; }

.dashboard-head {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -20px;
  margin-right: -30px;
  margin-bottom: 12px;
  margin-left: -30px;
  padding: 15px 20px;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .dashboard-head-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%; }
    .dashboard-head-tools hr {
      display: inline-block;
      margin: 0 10px;
      width: 1px;
      height: 100%; }
    .dashboard-head-tools .btn:hover .sprite-angle-up {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -403px -1028px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 10px;
      min-width: 10px;
      height: 6px; }
    .dashboard-head-tools .btn:hover .sprite-angle-down {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -343px -1028px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 10px;
      min-width: 10px;
      height: 6px; }
    .dashboard-head-tools .btn-dropdown-layer {
      width: 420px;
      padding: 20px 15px;
      right: -12px;
      -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
              box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); }
    .dashboard-head-tools .widget-item-list .item {
      padding: 0; }
      .dashboard-head-tools .widget-item-list .item.selected {
        border: 1px solid #2763ea;
        background-color: #f4f7fd;
        color: initial; }
      .dashboard-head-tools .widget-item-list .item > button {
        width: 100%;
        height: 100%;
        text-align: left; }
        .dashboard-head-tools .widget-item-list .item > button .form-checkbox {
          display: block;
          min-height: 50px;
          padding-top: 13px;
          padding-bottom: 15px;
          padding-left: 15px;
          padding-right: 15px; }
        .dashboard-head-tools .widget-item-list .item > button span {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 22px;
          height: 16px;
          border-radius: 2px;
          text-align: center;
          margin-left: 15px; }
    .dashboard-head-tools .btns {
      position: relative;
      padding-top: 15px;
      text-align: right; }
      .dashboard-head-tools .btns:before {
        content: '';
        display: block;
        position: absolute;
        left: -15px;
        right: -15px;
        top: 0;
        height: 1px;
        background-color: #dfdfee; }

.dashboard-body {
  margin: 0 -10px; }
  .dashboard-body .item {
    position: relative;
    float: left;
    padding: 30px 10px 0; }

.widgets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: auto;
  height: 100%; }
  .widgets .widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(50% - 20px);
    margin: 10px;
    height: 420px;
    max-height: calc(50% - 20px);
    background: #fff;
    page-break-inside: avoid;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    border-radius: 5px;
    border: 1px solid #dfdfee;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    opacity: 0.99;
    cursor: all-scroll; }
    .widgets .widget.widget-notice {
      height: 270px; }
    @media (max-width: 1440px) {
      .widgets .widget {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%; } }
    .widgets .widget.full-width {
      width: calc(100% - 20px);
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      min-height: 270px;
      height: auto;
      cursor: default; }
      .widgets .widget.full-width .body {
        max-height: none; }
    .widgets .widget:hover {
      border-color: #b6b6ca; }
    .widgets .widget.dragging {
      position: relative;
      border: 1px dashed #9c9cc1; }
      .widgets .widget.dragging:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        background-color: rgba(180, 203, 255, 0.4); }
    .widgets .widget .head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 10px 10px 10px 16px;
      font-size: 14px; }
      .widgets .widget .head-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis; }
        .widgets .widget .head-grid:first-child {
          max-width: 90%;
          overflow: hidden; }
      .widgets .widget .head span {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-right: 8px;
        width: 22px;
        height: 16px;
        border-radius: 2px;
        text-align: center;
        color: #fff; }
      .widgets .widget .head .trigger {
        position: relative; }
        .widgets .widget .head .trigger .sprite {
          margin-right: 0; }
        .widgets .widget .head .trigger .btn-dropdown-trigger {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
        .widgets .widget .head .trigger .btn-dropdown-layer {
          left: auto;
          right: 0;
          z-index: 2; }
          .widgets .widget .head .trigger .btn-dropdown-layer.active {
            display: block; }
    .widgets .widget .body {
      height: 100%;
      max-height: calc(100% - 50px);
      padding: 20px 20px 0;
      border-top: 1px solid #dfdfee; }
      .widgets .widget .body .inner {
        position: relative;
        height: 100%;
        overflow-y: auto;
        margin-right: -20px;
        padding-right: 14px;
        margin-right: -13px;
        padding-right: 7px; }
        .widgets .widget .body .inner::-webkit-scrollbar {
          width: 14px;
          height: 20px;
          margin: 10px; }
        .widgets .widget .body .inner::-webkit-scrollbar-track {
          background: transparent; }
        .widgets .widget .body .inner::-webkit-scrollbar-thumb {
          background: rgba(17, 25, 63, 0.15);
          border-radius: 10px;
          background-clip: padding-box;
          border: 4px solid transparent; }
      .widgets .widget .body .control {
        position: -webkit-sticky;
        position: sticky;
        top: -1px;
        background: #fff;
        z-index: 1;
        padding-top: 1px;
        padding-bottom: 10px; }
        .widgets .widget .body .control hr {
          height: 30px; }
      .widgets .widget .body .table-hover tr {
        cursor: default; }
      .widgets .widget .body .infinite-scroll-component {
        overflow: hidden !important; }
      .widgets .widget .body .widget-notice {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px; }
        .widgets .widget .body .widget-notice .logo {
          min-width: 100px;
          width: 100px;
          height: 100px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-right: 30px;
          border-radius: 12px;
          overflow: hidden;
          background-color: #efeff6; }
          .widgets .widget .body .widget-notice .logo img {
            max-width: 100%;
            max-height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
        .widgets .widget .body .widget-notice .list-notice {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }

.recharts-legend-wrapper .not-collected {
  width: 18px;
  height: 18px;
  margin: 0 6px;
  padding: 0 1px;
  border-radius: 2px;
  background-color: #7182a6;
  white-space: nowrap; }

.monitoring-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 5px;
  border: solid 1px #dfdfee;
  background-color: #fff;
  padding: 16px; }
  .monitoring-control .current-time {
    min-width: 120px; }
  .monitoring-control .separate {
    margin: 0 8px; }
  .monitoring-control > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .monitoring-control > div > hr {
      margin: 0 20px;
      width: 1px;
      height: 30px; }
      .monitoring-control > div > hr.inline.transparent {
        margin: 0 10px !important; }

.monitoring .widgets {
  margin: 0 -10px; }
  .monitoring .widgets .widget {
    height: auto;
    cursor: default;
    width: calc(33.333333% - 20px); }
    .monitoring .widgets .widget:first-child {
      width: calc(100% - 20px); }
      .monitoring .widgets .widget:first-child .body .chart-real-time-stats .recharts-legend-wrapper .form-checkbox {
        min-width: 0; }
    .monitoring .widgets .widget .body .chart-real-time-stats:only-child {
      margin-top: 41px; }

.preview-info {
  padding-top: 10px; }
  .preview-info-header {
    position: relative;
    padding-bottom: 6px; }
    .preview-info-header .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      min-height: 30px; }
      .preview-info-header .item > strong:first-child {
        padding-top: 5px; }
    .preview-info-header .title {
      white-space: nowrap; }
      .preview-info-header .title:before {
        content: '';
        display: inline-block;
        width: 3px;
        height: 3px;
        margin-right: 5px;
        vertical-align: middle;
        background-color: #000; }
      .preview-info-header .title ~ div {
        padding-left: 5px;
        line-height: 1.4; }
    .preview-info-header .btns {
      position: absolute;
      right: 0;
      top: 0; }
  .preview-info-body .box-scroll {
    border-color: #dfdfee; }
  .preview-info-body textarea {
    display: block;
    width: 100%;
    height: 200px;
    margin: 0;
    padding: 12px 15px;
    border: 0;
    resize: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none; }
    .preview-info-body textarea:focus {
      outline: none; }
  .preview-info-body .no-permission {
    position: relative;
    padding: 12px 15px 12px 40px;
    border: 1px solid #dfdfee; }
    .preview-info-body .no-permission .sprite {
      position: absolute;
      left: 15px;
      top: 15px; }
    .preview-info-body .no-permission p {
      margin-top: 5px; }
  .preview-info-sources {
    padding-top: 17px;
    border: none; }
    .preview-info-sources > .item-source {
      border: 1px solid #dfdfee;
      padding: 15px 20px; }
      .preview-info-sources > .item-source .file-name {
        margin-top: 0; }
  .preview-info-rendition {
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid #dfdfee; }
    .preview-info-rendition .item span:before {
      content: '/';
      margin: 0 5px; }
    .preview-info-rendition .item span:first-child:before {
      content: none; }
  .preview-info-media {
    padding-top: 10px;
    border: none; }
  .preview-info-embed {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #dfdfee; }
  .preview-info-caption .preview-info-header:after {
    content: '';
    display: block;
    clear: both; }
  .preview-info-caption .preview-info-header .item {
    float: left;
    width: 50%; }
  .preview-info-images:first-child {
    margin-top: 15px;
    border-top: 1px solid #dfdfee; }
  .popup .popup-body:first-child .preview-info-images:first-child {
    margin-top: 0;
    border-top: none; }
  .preview-info-extension {
    padding: 15px 0 20px;
    border-bottom: 1px solid #dfdfee; }
    .preview-info-extension:last-child {
      border-bottom: 0; }
    .preview-info-extension:after {
      content: '';
      display: block;
      clear: both; }
    .preview-info-extension .preview-info-header .item {
      max-width: calc(100% - 40px); }
    .preview-info-extension + .control {
      margin-top: 20px; }

.preview-image-lists {
  margin-bottom: 20px; }

.preview-image-selected {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f8f8f8;
  border: 1px solid #dfdfee; }
  .preview-image-selected .status {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1; }
  .preview-image-selected .react-transform-wrapper,
  .preview-image-selected .react-transform-component {
    width: 100%;
    height: 100%; }
  .preview-image-selected .image {
    width: 100%;
    height: 270px;
    text-align: center; }
    .preview-image-selected .image:after {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
  .preview-image-selected img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    margin: 0 auto; }
  .preview-image-selected .tools {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px;
    text-align: center;
    z-index: 1; }
    .preview-image-selected .tools .btn {
      border-color: transparent;
      background-color: rgba(0, 0, 0, 0.5); }
      .preview-image-selected .tools .btn:hover {
        background-color: rgba(0, 0, 0, 0.65); }
      .preview-image-selected .tools .btn:active, .preview-image-selected .tools .btn:focus {
        background-color: black; }
      .preview-image-selected .tools .btn:disabled, .preview-image-selected .tools .btn[disabled] {
        pointer-events: none;
        cursor: default;
        background-color: rgba(0, 0, 0, 0.2); }
    .preview-image-selected .tools div:nth-of-type(2) {
      position: absolute;
      right: 10px;
      bottom: 10px; }

.preview-image-count {
  padding: 11px 0 7px;
  text-align: right; }

.preview-image-size {
  padding: 0 0 10px 0; }

.panel .preview-image-poster {
  height: 175px;
  text-align: center; }
  .panel .preview-image-poster img {
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 100%; }

.preview-image-poster img {
  width: 100%; }

.preview-image-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .panel .preview-image-control {
    padding-bottom: 0; }

.preview-image-scroll {
  padding: 0;
  min-height: 0;
  max-height: 340px;
  border: 1px solid #dfdfee;
  background-color: #fbfbfb; }

.preview-image .box-scroll {
  max-height: 240px;
  border-color: #dfdfee;
  background-color: #fbfbfb; }

.preview-image .list-image li {
  margin: 4px; }

.preview-video .vjs-player {
  padding: 0;
  height: 360px; }

.box-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border: 1px solid #dfdfee;
  border-radius: 2px; }
  .box-preview .box-scroll {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-height: none;
    margin: 0;
    border: 0;
    border-right: 1px solid #dfdfee; }
    .box-preview .box-scroll ~ .box-scroll {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 294px;
              flex: 0 1 294px;
      border-right: 0; }
  .box-preview .preview {
    padding: 20px; }

.select-category .box-scroll {
  height: 300px; }

.category-list {
  padding-bottom: 20px;
  padding-left: 20px; }
  .category-list > hr:first-child {
    display: none; }
  .category-list li {
    position: relative;
    padding-left: 20px; }
    .category-list li, .category-list li:first-child {
      margin-top: 20px; }
  .category-list .btn-fold {
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px; }
  .category-list .form-radio strong {
    text-transform: none; }
  .category-list .form-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    font-weight: bold; }
    .category-list .form-checkbox input[type='checkbox'][hidden] ~ i {
      display: none; }
    .category-list .form-checkbox i {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; }
    .category-list .form-checkbox strong {
      overflow: hidden;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }
    .category-list .form-checkbox span {
      padding-left: 5px;
      color: #686868;
      white-space: nowrap; }
  .category-list .popper-tooltip {
    margin-right: 10px;
    margin-left: 5px; }
  .category-list input ~ svg {
    margin-left: 8px; }
  .category-list svg {
    vertical-align: middle; }
  .category-list .status {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 4px;
    vertical-align: middle; }
    .category-list .status .MzcCpIcon-root,
    .category-list .status .sprite {
      margin: 2px; }
      .category-list .status .MzcCpIcon-root:first-child,
      .category-list .status .sprite:first-child {
        margin-top: 0; }
      .category-list .status .MzcCpIcon-root:last-child,
      .category-list .status .sprite:last-child {
        margin-bottom: 0; }

.category-selected {
  position: relative;
  min-height: 123px;
  padding: 30px 0;
  border-bottom: 1px solid #dfdfee; }
  .category-selected-empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .category-selected-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 15px; }

.category-label {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  margin: 2.5px;
  padding-left: 7px;
  padding-right: 20px;
  border-radius: 2px;
  background-color: #e6e6e6; }
  .category-label span {
    max-width: 100px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 10px; }
  .category-label button {
    position: absolute;
    top: 0;
    right: 0;
    font: 0/0 a;
    height: 100%;
    border: 0;
    padding: 0 5px;
    background-color: #dedede; }

.category-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .category-items-wrapper {
    overflow: auto; }

.category-item {
  width: 378px;
  min-width: 378px;
  margin-left: 10px;
  padding: 20px;
  border: 1px solid #dfdfee;
  border-radius: 0.375rem; }
  .category-item:last-of-type {
    border-color: #6f6f83; }
  .category-item:focus-within {
    border-color: #6f6f83; }
  .category-item:focus-within + .category-item {
    border-color: #dfdfee; }
  .category-item-head h5 {
    height: 30px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden; }
  .category-item-body {
    padding-top: 10px; }
  .category-item-foot {
    text-align: right;
    padding-top: 15px;
    border-top: 1px solid #dfdfee; }
  .category-item-info {
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede; }
    .category-item-info .btn {
      width: 30px;
      height: 30px; }
    .category-item-info .dropdown {
      position: relative; }
      .category-item-info .dropdown-menu {
        top: 35px;
        right: 0; }
    .category-item-info .total {
      margin: 0; }
      .category-item-info .total span {
        color: #2763ea;
        font-weight: bold;
        margin-left: 3px; }
  .category-item-status {
    display: block;
    margin-right: 10px; }
  .category-item-text {
    word-break: break-all;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .category-item-tools {
    font: 0/0 a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    opacity: 0; }
    .category-item-tools button {
      font: 0/0 a;
      padding: 0 10px; }
      .category-item-tools button ~ button {
        margin: 0; }
  .category-item-edit:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -760px -963px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 12px;
    min-width: 12px;
    height: 12px; }
  .category-item-delete:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1025px -134px;
    background-size: 1064px auto;
    background-image: url(../images/sprites.png);
    width: 8px;
    min-width: 8px;
    height: 8px; }
  .category-item-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    border-left: 1px solid #dfdfee; }
    .category-item-sort button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 28px;
      height: 17px; }
      .category-item-sort button:disabled {
        opacity: 0.3; }
    .category-item-sort .up:before {
      content: '';
      border-style: solid;
      border-width: 0 4px 7px 4px;
      border-color: transparent transparent #011293 transparent; }
    .category-item-sort .down:before {
      content: '';
      border-style: solid;
      border-width: 7px 4px 0 4px;
      border-color: #011293 transparent transparent transparent; }
  .category-item-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .widget-item-list .category-item-submit {
      padding: 10px 0 10px 10px; }
    .category-item-submit > div {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .category-item-submit > div .select2-container ~ .select2-container {
        margin-top: 5px; }
    .category-item-submit input {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      vertical-align: middle;
      height: 50px;
      padding-right: 15px;
      padding-left: 15px;
      border: 0;
      background-color: transparent; }
      .widget-item-list .category-item-submit input {
        height: auto; }
    .category-item-submit button {
      font: 0/0 a;
      vertical-align: middle;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      display: inline-block;
      margin-left: 5px;
      border: 0;
      background-color: transparent; }
      .category-item-submit button:disabled.cancel, .category-item-submit button.disabled.cancel {
        opacity: 0.8; }
      .category-item-submit button:disabled.submit, .category-item-submit button.disabled.submit {
        opacity: 0.5;
        -webkit-filter: grayscale(1);
                filter: grayscale(1); }
    .category-item-submit .cancel {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -266px -676px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 18px;
      min-width: 18px;
      height: 18px; }
    .category-item-submit .submit {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -304px -676px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 18px;
      min-width: 18px;
      height: 18px; }
  .category-item-list {
    list-style: none;
    padding: 10px 0; }
    .category-item-list .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 50px;
      margin-top: 5px;
      padding-top: 9px;
      padding-bottom: 9px;
      padding-left: 15px;
      border-radius: 2px;
      -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.05);
              box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.05);
      border: 1px solid #dfdfee; }
      .category-item-list .item:first-child {
        margin-top: 0; }
      .category-item-list .item:hover {
        border: 1px solid #2763ea;
        background-color: #f4f7fd; }
        .category-item-list .item:hover .widget-item-tools,
        .category-item-list .item:hover .category-item-tools {
          opacity: 1; }
      .category-item-list .item .btn-dropdown-trigger {
        vertical-align: top; }
      .category-item-list .item .btn-dropdown-icon {
        margin: 0;
        margin-left: 10px; }
      .category-item-list .item.selected {
        color: #fff;
        border-color: #4a7aeb;
        background-color: #4a7aeb; }
        .category-item-list .item.selected .category-item-sort {
          border-color: rgba(0, 0, 0, 0.08); }
          .category-item-list .item.selected .category-item-sort .up:before {
            border-color: transparent transparent #fff transparent; }
          .category-item-list .item.selected .category-item-sort .down:before {
            border-color: #fff transparent transparent transparent; }
        .category-item-list .item.selected .category-item-edit:before {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -696px -963px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 12px;
          min-width: 12px;
          height: 12px; }
        .category-item-list .item.selected .category-item-delete:before {
          vertical-align: middle;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: -1025px -506px;
          background-size: 1064px auto;
          background-image: url(../images/sprites.png);
          width: 7px;
          min-width: 7px;
          height: 7px; }
        .category-item-list .item.selected .category-item .select2-selection__input input {
          height: 100%; }
      .category-item-list .item.inactive, .category-item-list .item.inactive:hover {
        color: #686868;
        border-color: #dfdfee;
        background-color: #f8f8f8; }
        .category-item-list .item.inactive .widget-item-tools,
        .category-item-list .item.inactive .category-item-tools, .category-item-list .item.inactive:hover .widget-item-tools,
        .category-item-list .item.inactive:hover .category-item-tools {
          display: none; }
      .category-item-list .item.has-item {
        position: relative; }
        .category-item-list .item.has-item:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 100%;
          width: 0;
          height: 0;
          margin-top: -7px;
          border-style: solid;
          border-width: 7px 0 7px 8px;
          border-color: transparent transparent transparent #b6b6ca; }
        .category-item-list .item.has-item:hover:after, .category-item-list .item.has-item.selected:after {
          border-left-color: #4a7aeb; }
    .category-item-list .edit {
      padding-top: 0;
      padding-right: 15px;
      padding-bottom: 0;
      padding-left: 0;
      border-color: #4a7aeb; }
      .category-item-list .edit:hover {
        background-color: #fff; }
      .category-item-list .edit:focus-within {
        border-color: #4a7aeb; }
      .category-item-list .edit .select-active {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        width: 56px;
        border-right: 1px solid #dfdfee; }
    .category-item-list .error {
      position: relative;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 0;
      border-color: #ff0416 !important; }
      .category-item-list .error:hover {
        border-color: #ff0416 !important; }
      .category-item-list .error > div {
        width: 100%; }
      .category-item-list .error .category-item-submit {
        padding-right: 15px; }
        .category-item-list .error .category-item-submit .error {
          margin-right: 10px;
          border-right: 1px solid #dfdfee;
          padding-right: 10px; }
          .category-item-list .error .category-item-submit .error .sprite {
            margin-top: -3px; }
      .category-item-list .error .form-message {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        width: 100%;
        padding: 5px 20px;
        color: #fff;
        background-color: rgba(239, 64, 22, 0.7); }

.category-select-lg .category-group {
  padding-right: 80px; }
  .category-select-lg .category-group .btn-delete {
    right: 50px; }
  .category-select-lg .category-group .btn-add:after {
    right: 50px; }
  .category-select-lg .category-group .btn-add i,
  .category-select-lg .category-group .btn-add svg {
    right: 20px; }

.category-select.form-error .category-group {
  border-color: #ef4016; }

.category-select.form-error:after {
  right: 40px;
  top: 14px; }

.category-select.is-edit .category-group {
  border-color: #2763ea; }

.category-select.is-edit.form-error .category-group {
  padding-right: 80px;
  border-color: #ef4016; }

.category-select.is-edit.form-error:after {
  right: 40px; }

.category-select.is-edit.form-error .btn-delete {
  right: 50px; }

.category-group {
  position: relative;
  min-height: 38px;
  padding-right: 57px;
  border: 1px solid #b6b6ca;
  background-color: #fff; }
  .category-group .btn-delete, .category-group .btn-add {
    position: absolute;
    top: 0;
    bottom: 0; }
  .category-group .btn-delete {
    right: 30px;
    padding: 0 10px;
    z-index: 2; }
  .category-group .btn-add {
    left: 0;
    width: 100%; }
    .category-group .btn-add:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 30px;
      bottom: 0;
      width: 1px;
      background-color: #dfdfee; }
    .category-group .btn-add i,
    .category-group .btn-add svg {
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -5px; }

.category-label-empty {
  min-height: 38px;
  padding-left: 20px;
  line-height: 38px; }
  .category-label-empty:has(> div) {
    line-height: 1.4;
    padding: 14px 20px; }
    .category-label-empty:has(> div) span {
      display: block;
      margin-top: 5px;
      color: #686868;
      white-space: nowrap;
      overflow: hidden;
      max-width: 100%;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }

.category-label-group {
  position: relative;
  z-index: 3;
  min-height: 38px;
  padding: 2.5px 5px; }

.category-label-selected {
  min-height: 38px;
  padding: 14px 20px; }
  .category-label-selected > span {
    display: block;
    margin-top: 5px;
    color: #686868;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; }

.select-source {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .select-source.select-source-sm .wrap-dropdown:not(.settings-td) .select-source.select-source-sm .wrap-dropdown {
    width: 580px; }
  .preview .select-source.select-source-sm .wrap-dropdown {
    width: 100%;
    max-width: 100%; }
  .select-source.select-source-sm .wrap-dropdown .dropdown {
    width: 100%; }
    .select-source.select-source-sm .wrap-dropdown .dropdown-toggle {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -webkit-box-orient: initial;
      -webkit-box-direction: initial;
          -ms-flex-direction: initial;
              flex-direction: initial;
      min-height: 0;
      padding: 15px 50px 15px 20px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .select-source.select-source-sm .wrap-dropdown .dropdown-menu {
      max-height: 300px; }
  .select-source.select-source-sm .item-source {
    width: 100%; }
    .select-source.select-source-sm .item-source .default {
      margin-left: -10px;
      display: inline-block;
      vertical-align: top; }
    .select-source.select-source-sm .item-source .file-name {
      display: inline-block;
      max-width: calc(100% - 40px);
      margin-top: 0;
      vertical-align: top; }
      .select-source.select-source-sm .item-source .file-name > strong,
      .select-source.select-source-sm .item-source .file-name > span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis; }
  .select-source.select-source-xs {
    display: block; }
    .select-source.select-source-xs .wrap-dropdown {
      max-width: 100%; }
      .select-source.select-source-xs .wrap-dropdown .dropdown {
        width: 100%; }
        .select-source.select-source-xs .wrap-dropdown .dropdown-toggle {
          display: block;
          -webkit-box-flex: 0;
              -ms-flex: none;
                  flex: none;
          -webkit-box-orient: initial;
          -webkit-box-direction: initial;
              -ms-flex-direction: initial;
                  flex-direction: initial;
          min-height: 0;
          padding: 10px 30px 10px 20px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
        .select-source.select-source-xs .wrap-dropdown .dropdown-menu {
          max-height: 300px; }
          .select-source.select-source-xs .wrap-dropdown .dropdown-menu .item-source .file-name {
            white-space: normal; }
            .select-source.select-source-xs .wrap-dropdown .dropdown-menu .item-source .file-name strong,
            .select-source.select-source-xs .wrap-dropdown .dropdown-menu .item-source .file-name span {
              white-space: normal; }
    .select-source.select-source-xs .item-source {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .select-source.select-source-xs .item-source .file-info {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        .select-source.select-source-xs .item-source .file-info .format-flag:first-child {
          -ms-flex-item-align: baseline;
              align-self: baseline; }
      .select-source.select-source-xs .item-source .file-name {
        position: relative;
        min-width: 1%;
        display: block;
        display: grid; }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          .select-source.select-source-xs .item-source .file-name {
            display: block; } }
        .select-source.select-source-xs .item-source .file-name {
          margin-left: 8px;
          margin-top: 0; }
        .select-source.select-source-xs .item-source .file-name > span,
        .select-source.select-source-xs .item-source .file-name > strong {
          display: block;
          min-height: 18px;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          overflow: hidden;
          color: #fff; }
  .select-source .wrap-dropdown {
    position: relative;
    max-width: 680px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    border: 1px solid #b6b6ca;
    border-radius: 2px; }
    .settings-td .select-source .wrap-dropdown {
      max-width: none; }
    .select-source .wrap-dropdown.empty {
      padding: 0; }
      .select-source .wrap-dropdown.empty .dropdown-toggle {
        cursor: default; }
      .select-source .wrap-dropdown.empty.disabled .dropdown-toggle {
        cursor: default; }
        .select-source .wrap-dropdown.empty.disabled .dropdown-toggle:after {
          display: none; }
      .select-source .wrap-dropdown.empty.disabled .refresh {
        display: block;
        opacity: 0.3; }
      .select-source .wrap-dropdown.empty .btn,
      .select-source .wrap-dropdown.empty .sprite {
        margin: 0; }
      .select-source .wrap-dropdown.empty .refresh {
        z-index: 1; }
      .select-source .wrap-dropdown.empty .dropdown-toggle p {
        color: #ef4016; }
    .select-source .wrap-dropdown.selected {
      border-color: #6f6f83; }
      .select-source .wrap-dropdown.selected .reset {
        display: block; }
      .select-source .wrap-dropdown.selected .dropdown-toggle {
        padding-top: 18px;
        padding-bottom: 18px; }
    .select-source .wrap-dropdown.open .dropdown-menu {
      display: block; }
    .select-source .wrap-dropdown.open .refresh {
      z-index: 1; }
    .select-source .wrap-dropdown:disabled:after, .select-source .wrap-dropdown.disabled:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(182, 182, 202, 0.05);
      pointer-events: none;
      border-color: #dadae4;
      z-index: 1; }
    .select-source .wrap-dropdown:disabled button, .select-source .wrap-dropdown.disabled button {
      cursor: default; }
    .select-source .wrap-dropdown:disabled .dropdown-toggle:after, .select-source .wrap-dropdown.disabled .dropdown-toggle:after {
      opacity: 0.3; }
    .select-source .wrap-dropdown:disabled .refresh,
    .select-source .wrap-dropdown:disabled .reset, .select-source .wrap-dropdown.disabled .refresh,
    .select-source .wrap-dropdown.disabled .reset {
      display: none; }
    .select-source .wrap-dropdown .dropdown {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
      .select-source .wrap-dropdown .dropdown-toggle {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 30px 110px 30px 20px;
        white-space: normal;
        text-align: left;
        cursor: pointer;
        border: none;
        background-color: transparent; }
        .select-source .wrap-dropdown .dropdown-toggle:before {
          content: '';
          position: absolute;
          right: 50px;
          top: 0;
          width: 1px;
          height: 100%;
          display: block;
          background-color: #dfdfee; }
        .select-source .wrap-dropdown .dropdown-toggle:after {
          content: '';
          position: absolute;
          right: 22px;
          top: 50%;
          display: block;
          width: 0;
          height: 0;
          margin-top: -2px;
          border-style: solid;
          border-width: 6px 4px 0 4px;
          border-color: #000 transparent transparent transparent;
          -webkit-transform-origin: 50% 50%;
              -ms-transform-origin: 50% 50%;
                  transform-origin: 50% 50%; }
        .select-source .wrap-dropdown .dropdown-toggle p {
          font-size: 14px;
          margin-bottom: 5px;
          color: #686868; }
          .select-source .wrap-dropdown .dropdown-toggle p:only-child {
            padding-top: 20px; }
        .select-source .wrap-dropdown .dropdown-toggle small {
          font-size: 13px;
          color: #999999; }
      .select-source .wrap-dropdown .dropdown-menu {
        position: absolute;
        display: none;
        left: -1px;
        right: -1px;
        z-index: 2;
        max-height: calc(100vh - 600px);
        margin-top: 1px;
        padding: 0;
        border-radius: 0 0 2px 2px;
        border: 1px solid #dfdfee;
        border-top: none;
        background-color: #fff;
        overflow-y: auto; }
        .select-source .wrap-dropdown .dropdown-menu ul {
          list-style: none;
          margin: 0;
          padding: 0; }
        .select-source .wrap-dropdown .dropdown-menu li {
          border-top: 1px solid #dfdfee; }
          .select-source .wrap-dropdown .dropdown-menu li:first-child {
            border-top: none; }
        .select-source .wrap-dropdown .dropdown-menu button {
          position: relative;
          width: 100%;
          padding: 0;
          cursor: pointer;
          border: none;
          text-align: left;
          background-color: transparent;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          .select-source .wrap-dropdown .dropdown-menu button.selected {
            cursor: default;
            color: #000;
            background-color: #fafcff; }
            .select-source .wrap-dropdown .dropdown-menu button.selected:hover {
              background-color: #fafcff; }
            .select-source .wrap-dropdown .dropdown-menu button.selected:before {
              content: '';
              position: absolute;
              right: 20px;
              top: 50%;
              margin-top: -10px;
              vertical-align: middle;
              display: inline-block;
              background-repeat: no-repeat;
              background-position: -80px -636px;
              background-size: 1064px auto;
              background-image: url(../images/sprites.png);
              width: 20px;
              min-width: 20px;
              height: 20px; }
            .select-source .wrap-dropdown .dropdown-menu button.selected:after {
              content: '';
              display: block;
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              background-color: transparent; }
            .select-source .wrap-dropdown .dropdown-menu button.selected:disabled {
              cursor: default;
              color: #000;
              background-color: #fafcff; }
              .select-source .wrap-dropdown .dropdown-menu button.selected:disabled:hover {
                background-color: #fafcff; }
              .select-source .wrap-dropdown .dropdown-menu button.selected:disabled:before {
                content: '';
                position: absolute;
                right: 20px;
                top: 50%;
                margin-top: -10px;
                vertical-align: middle;
                display: inline-block;
                background-repeat: no-repeat;
                background-position: -80px -636px;
                background-size: 1064px auto;
                background-image: url(../images/sprites.png);
                width: 20px;
                min-width: 20px;
                height: 20px; }
              .select-source .wrap-dropdown .dropdown-menu button.selected:disabled:after {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: transparent; }
          .select-source .wrap-dropdown .dropdown-menu button.active, .select-source .wrap-dropdown .dropdown-menu button:hover {
            background-color: #e7eeff; }
          .select-source .wrap-dropdown .dropdown-menu button:disabled {
            cursor: default; }
            .select-source .wrap-dropdown .dropdown-menu button:disabled:hover {
              background-color: #fff; }
            .select-source .wrap-dropdown .dropdown-menu button:disabled:after {
              content: '';
              display: block;
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(255, 255, 255, 0.7); }
            .select-source .wrap-dropdown .dropdown-menu button:disabled .status {
              color: #686868; }
        .select-source .wrap-dropdown .dropdown-menu .item-source {
          padding: 20px 45px 20px 20px; }
    .select-source .wrap-dropdown .refresh {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: #fff;
      z-index: -1; }
      .select-source .wrap-dropdown .refresh .btn {
        width: 50px;
        height: 100%;
        padding: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background-color: transparent; }
    .select-source .wrap-dropdown .reset {
      display: none;
      position: absolute;
      right: 50px;
      top: 0;
      bottom: 0;
      background: none; }
      .select-source .wrap-dropdown .reset .btn {
        padding: 0 15px;
        height: 100%;
        background-color: transparent; }
      .select-source .wrap-dropdown .reset .sprite {
        margin: 0; }
  .select-source .btn-delete {
    margin-bottom: 10px;
    padding: 20px; }
  .select-source .btn-check {
    padding: 10px;
    margin-bottom: 10px; }
  .select-source .btn-preview {
    margin: 0 15px 10px; }
    .select-source .btn-preview + .btn-delete {
      border-left: 1px solid rgba(223, 223, 238, 0.5);
      border-radius: 0;
      margin-left: 0; }
  .select-source.dark .wrap-dropdown {
    max-width: none;
    margin: 0;
    border-color: #000;
    border-radius: 5px;
    background-color: #000; }
    .select-source.dark .wrap-dropdown.open .dropdown-toggle:before {
      background-color: #2763ea;
      border-color: #2763ea; }
    .select-source.dark .wrap-dropdown.open .dropdown-toggle:after {
      margin-top: -4px;
      -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    .select-source.dark .wrap-dropdown .dropdown {
      width: 100%; }
      .select-source.dark .wrap-dropdown .dropdown-toggle {
        padding: 20px 50px 15px 20px;
        color: #fff; }
        .select-source.dark .wrap-dropdown .dropdown-toggle:before {
          top: 50%;
          right: 13.5px;
          width: 25px;
          height: 25px;
          margin-top: -12.5px;
          border-radius: 100%;
          background-color: transparent;
          border: 1px solid rgba(255, 255, 255, 0.5); }
        .select-source.dark .wrap-dropdown .dropdown-toggle:after {
          border-color: #fff transparent transparent transparent; }
        .select-source.dark .wrap-dropdown .dropdown-toggle strong,
        .select-source.dark .wrap-dropdown .dropdown-toggle span {
          color: #fff; }
        .select-source.dark .wrap-dropdown .dropdown-toggle span {
          word-break: break-all; }
      .select-source.dark .wrap-dropdown .dropdown-menu {
        left: 20px;
        right: 0;
        background-color: #151a2f;
        border: 1px solid #39393a;
        border-radius: 3px;
        -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.6);
                box-shadow: 0 30px 30px rgba(0, 0, 0, 0.6); }
        .select-source.dark .wrap-dropdown .dropdown-menu::-webkit-scrollbar {
          width: 6px;
          height: 20px;
          margin: 10px; }
        .select-source.dark .wrap-dropdown .dropdown-menu::-webkit-scrollbar-track {
          background: transparent; }
        .select-source.dark .wrap-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
          background: rgba(255, 255, 255, 0.3);
          border-radius: 10px; }
        .select-source.dark .wrap-dropdown .dropdown-menu li {
          border-color: #39393a; }
        .select-source.dark .wrap-dropdown .dropdown-menu button .item-source .file-name strong,
        .select-source.dark .wrap-dropdown .dropdown-menu button .item-source .file-name span {
          color: #7d89a3; }
        .select-source.dark .wrap-dropdown .dropdown-menu button.selected {
          cursor: default;
          background-color: transparent; }
          .select-source.dark .wrap-dropdown .dropdown-menu button.selected .item-source .file-name strong,
          .select-source.dark .wrap-dropdown .dropdown-menu button.selected .item-source .file-name span {
            color: rgba(125, 137, 163, 0.3); }
          .select-source.dark .wrap-dropdown .dropdown-menu button.selected:hover {
            background-color: #151a2f; }
            .select-source.dark .wrap-dropdown .dropdown-menu button.selected:hover .item-source .file-name strong,
            .select-source.dark .wrap-dropdown .dropdown-menu button.selected:hover .item-source .file-name span {
              color: rgba(125, 137, 163, 0.3); }
          .select-source.dark .wrap-dropdown .dropdown-menu button.selected:before {
            content: '';
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -10px;
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -656px -560px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 20px;
            min-width: 20px;
            height: 20px; }
          .select-source.dark .wrap-dropdown .dropdown-menu button.selected:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: transparent; }
        .select-source.dark .wrap-dropdown .dropdown-menu button:hover {
          background-color: #0f1220; }
          .select-source.dark .wrap-dropdown .dropdown-menu button:hover .item-source .file-name strong,
          .select-source.dark .wrap-dropdown .dropdown-menu button:hover .item-source .file-name span {
            color: #fff; }
        .select-source.dark .wrap-dropdown .dropdown-menu button:disabled .item-source .file-name strong,
        .select-source.dark .wrap-dropdown .dropdown-menu button:disabled .item-source .file-name span, .select-source.dark .wrap-dropdown .dropdown-menu button.disabled .item-source .file-name strong,
        .select-source.dark .wrap-dropdown .dropdown-menu button.disabled .item-source .file-name span {
          color: rgba(125, 137, 163, 0.3); }
        .select-source.dark .wrap-dropdown .dropdown-menu button:disabled:after, .select-source.dark .wrap-dropdown .dropdown-menu button.disabled:after {
          background: transparent; }
        .select-source.dark .wrap-dropdown .dropdown-menu button:disabled:hover .item-source .file-name strong,
        .select-source.dark .wrap-dropdown .dropdown-menu button:disabled:hover .item-source .file-name span, .select-source.dark .wrap-dropdown .dropdown-menu button.disabled:hover .item-source .file-name strong,
        .select-source.dark .wrap-dropdown .dropdown-menu button.disabled:hover .item-source .file-name span {
          color: rgba(125, 137, 163, 0.3); }

.form-label ~ .item-source {
  margin-left: 10px; }
  .form-label ~ .item-source:first-of-type {
    margin-top: 20px; }
  .form-label ~ .item-source + .box-border {
    margin: 10px; }

.item-source {
  word-break: break-all; }
  .item-source:after {
    content: '';
    display: block;
    clear: both; }
  .item-source + .item-source {
    margin-top: 30px; }
  .item-source .file-name {
    margin-top: 5px;
    font-size: 13px; }
    .item-source .file-name strong {
      display: block;
      line-height: 1.4; }
    .item-source .file-name > span {
      display: block;
      color: #686868;
      margin-top: 5px; }
    .item-source .file-name .status {
      color: #2763ea;
      text-transform: uppercase; }
      .item-source .file-name .status:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 10px;
        margin: 0 10px;
        background-color: #dfdfee; }
  .item-source .empty {
    line-height: 30px; }

button.item-source {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  button.item-source:hover {
    background-color: rgba(4, 6, 15, 0.04); }
  button.item-source.selected {
    background-color: rgba(194, 200, 254, 0.1); }
    button.item-source.selected:hover {
      background-color: rgba(194, 200, 254, 0.15); }
    button.item-source.selected:after {
      content: '';
      display: block;
      position: absolute;
      right: 20px;
      top: 50%;
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -1025px -306px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 6px;
      min-width: 6px;
      height: 10px;
      margin-top: -5px; }
  button.item-source.checked {
    background-color: rgba(194, 200, 254, 0.2); }
    button.item-source.checked:hover {
      background-color: rgba(194, 200, 254, 0.25); }
  .box-scroll .list-items li button.item-source {
    margin: -10px;
    padding: 20px 15px; }
  button.item-source .file-name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
    padding-left: 15px;
    margin-top: 0;
    min-width: 0; }
    button.item-source .file-name span {
      white-space: nowrap;
      overflow: hidden;
      max-width: 90%;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }

.list-permissions .item {
  width: 100%;
  min-height: 86px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #dfdfee; }
  .list-permissions .item:first-child {
    border-top: none; }
    .list-permissions .item:first-child[hidden] + .item {
      border-top: none; }

.select-permissions {
  border-left: 1px solid #efeff6;
  padding: 10px 0; }
  .select-permissions .form-checkbox {
    width: 120px;
    margin: 5px 0;
    padding: 0 10px;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #efeff6; }
    .select-permissions .form-checkbox span {
      display: block !important;
      margin: 5px 0 0 0; }

.view-permissions {
  position: relative; }
  .view-permissions:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    pointer-events: all;
    z-index: 2; }
  .view-permissions .col-3 .form-checkbox i {
    display: none; }
  .view-permissions .select-permissions .form-checkbox i {
    border-radius: 100%;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8); }

.table-permissions-status {
  padding-bottom: 15px; }

.table-permissions .table-scroll-header-fixed {
  max-height: none; }
  .table-permissions .table-scroll-header-fixed .scroll {
    max-height: 750px; }

.table-permissions .col-2 {
  width: 150px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
  max-width: 150px; }
  .table-permissions .col-2 > .form-checkbox {
    padding-left: 15px; }

.table-permissions .col-3 {
  width: 240px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
  max-width: 240px; }
  .table-permissions .col-3 > .form-checkbox {
    padding-left: 15px; }

.table-permissions-header {
  border-top: 1px solid #dfdfee;
  border-bottom: 1px solid #dfdfee;
  background-color: #fcfcfc; }
  .table-permissions-header-th {
    padding: 15px;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: bold;
    line-height: 1;
    border-left: 1px solid #f2f2f7; }
    .col-2 .table-permissions-header-th {
      border-left: none; }

.table-permissions-body .scope {
  border-bottom: 1px solid #dfdfee; }
  .table-permissions-body .scope .scope-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
    border-right: 1px solid #f5f5fa; }

.fieldset-permissions {
  margin-bottom: 15px;
  padding: 30px;
  border: 1px solid #dfdfee;
  border-radius: 5px; }
  .fieldset-permissions .select-project .select2-container {
    width: 100%; }

.stepper .step button .number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  background-color: #6b769a; }

.stepper .step button .title {
  font-weight: bold; }
  .stepper .step button .title > strong + span {
    margin-left: 8px; }

.stepper .step.active .number {
  background-color: #2763ea; }

.stepper .step.active .title {
  color: #000; }

.stepper .step:disabled .number, .stepper .step[disabled] .number {
  background-color: #6b769a; }

.stepper .step:disabled .title, .stepper .step[disabled] .title {
  color: #999; }

.stepper .step.completed .number {
  background-color: #2e9812; }

.stepper .step.completed .title {
  color: #2763ea; }
  .stepper .step.completed .title > strong {
    text-decoration: underline; }

.stepper-vertical .step {
  position: relative;
  margin: 20px 0; }
  .stepper-vertical .step:first-of-type:before {
    content: none; }
  .stepper-vertical .step:before {
    content: "";
    position: absolute;
    left: 11px;
    bottom: 100%;
    display: inline-block;
    width: 1px;
    height: 20px;
    background-color: #dfdfee; }
  .stepper-vertical .step button .number {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 22px;
    height: 22px;
    margin-right: 15px; }

.stepper-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fcfcfc;
  padding: 20px 0;
  border-bottom: 1px solid #dfdfee; }
  .stepper-horizontal .step {
    position: relative;
    padding: 0 20px;
    min-width: 240px;
    text-align: center; }
    .stepper-horizontal .step:first-of-type:before {
      content: none; }
    .stepper-horizontal .step:before {
      content: "";
      position: absolute;
      left: -50%;
      top: 16px;
      display: inline-block;
      width: 100%;
      height: 0;
      border-width: 4px 0 0 0;
      border-style: dotted;
      border-color: #dfdfee; }
    .stepper-horizontal .step button .number {
      position: relative;
      z-index: 1;
      width: 38px;
      height: 38px;
      margin-bottom: 14px;
      border: 4px solid #bdc2d4; }
    .stepper-horizontal .step button .title {
      display: block; }
    .stepper-horizontal .step.active:before {
      border-style: solid;
      border-color: #2763ea; }
    .stepper-horizontal .step.active .number {
      border-color: #6280ff; }
    .stepper-horizontal .step.active .title {
      color: #000; }
    .stepper-horizontal .step:disabled .number, .stepper-horizontal .step[disabled] .number {
      border-color: #bdc2d4; }
    .stepper-horizontal .step:disabled .title, .stepper-horizontal .step[disabled] .title {
      color: #000; }
    .stepper-horizontal .step.completed:before {
      border-style: solid;
      border-color: #2e9812; }
    .stepper-horizontal .step.completed .number {
      border-color: #59b445; }
    .stepper-horizontal .step button:disabled, .stepper-horizontal .step button[disabled] {
      cursor: default;
      color: #000; }
  .stepper-horizontal .custom-toast {
    position: absolute;
    left: 50%;
    top: 5px;
    z-index: 2;
    margin-left: 40px; }

.create-bulk-asset .create-bulk-header {
  padding: 30px 20px 20px;
  background-color: #e5e7ed;
  border-bottom: 1px solid #6b769a; }

.create-bulk-asset .create-bulk-type-filter {
  margin-top: 10px;
  padding: 30px 20px 20px;
  background-color: #fff;
  border-radius: 3px; }
  .create-bulk-asset .create-bulk-type-filter small {
    display: block;
    margin-bottom: 20px;
    color: #686868;
    font-size: 11px; }
  .create-bulk-asset .create-bulk-type-filter hr.inline {
    height: 18px;
    margin: 0 20px; }
    .create-bulk-asset .create-bulk-type-filter hr.inline + .form-checkbox {
      margin-left: 0; }

.custom-toast {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  height: 27px;
  margin: 0 0 0 5px;
  padding: 5px 10px;
  opacity: 0;
  border-radius: 3px;
  color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-animation: fadeOutBottomToUp 2s;
          animation: fadeOutBottomToUp 2s; }
  + .custom-toast {
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s; }
  .custom-toast.custom-toast-in-modal {
    height: 38px; }
    .custom-toast.custom-toast-in-modal:before {
      content: none; }
  .custom-toast:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 6px 3.5px 0; }
  .custom-toast.success {
    background-color: #2e9812; }
    .custom-toast.success:before {
      border-color: transparent #2e9812 transparent transparent; }
  .custom-toast span {
    margin-right: 0; }

.btn-utils {
  width: 55px;
  height: 55px;
  padding: 0;
  border-left: 1px solid rgba(223, 223, 238, 0.1); }

.wrap.is-mobile {
  min-width: 0; }

.btn-toggle-tree {
  display: none; }

.form-search .area-btns .btn-group + div {
  display: none; }

@media screen and (min-width: 768px) {
  .btn-utils {
    display: none; } }

@media screen and (max-width: 1024px) {
  .form-search-switch.expand > .area-search > .row > .col {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    max-width: 100%; }
    .form-search-switch.expand > .area-search > .row > .col:nth-child(even) {
      padding: 0; }
  .settings-table {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .settings-table .settings-th {
      width: 100%;
      padding: 15px;
      border-bottom: 1px solid #dfdfee; }
    .settings-table .settings-td .row .col:only-child,
    .settings-table .settings-td .row > div:only-child {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%; } }

@media screen and (max-width: 768px) {
  html.modal-open body {
    overflow: hidden;
    height: 100%; }
    html.modal-open body::before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.12);
      z-index: 3; }
  .utils-menu-open {
    overflow: hidden; }
  .btn-utils {
    display: block;
    position: absolute;
    right: 0;
    top: 0; }
    .utils-menu-open .btn-utils .sprite {
      vertical-align: middle;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: -35px -893px;
      background-size: 1064px auto;
      background-image: url(../images/sprites.png);
      width: 15px;
      min-width: 15px;
      height: 15px; }
  [data-tooltip]::before, [data-tooltip]::after {
    display: none; }
  .wrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .utils-menu-open .wrap:before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 55px;
      bottom: 0;
      width: 100%;
      z-index: 10; }
    .wrap-welcome .main {
      min-height: 100vh; }
    .wrap-welcome .contents {
      min-height: calc(100vh - 70px); }
    .wrap-welcome .welcome-inner {
      width: 100%; }
      .wrap-welcome .welcome-inner .box h2 strong,
      .wrap-welcome .welcome-inner .box h2 span {
        white-space: normal; }
    .wrap-welcome .welcome-header {
      text-align: center;
      margin-top: 30px;
      margin-bottom: 30px; }
      .wrap-welcome .welcome-header .logo {
        height: 35px; }
      .wrap-welcome .welcome-header p {
        margin-top: 20px;
        font-size: 14px; }
    .wrap-welcome .welcome-body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .wrap-welcome .welcome-body .box {
        font-size: 12px; }
        .wrap-welcome .welcome-body .box:only-child:first-child, .wrap-welcome .welcome-body .box:only-child:last-child {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          width: 100%;
          padding: 20px; }
        .wrap-welcome .welcome-body .box:first-child {
          padding: 20px; }
        .wrap-welcome .welcome-body .box:last-child {
          padding: 20px; }
        .wrap-welcome .welcome-body .box:after {
          left: 20px;
          right: 20px;
          top: 50%;
          width: auto;
          height: 1px; }
        .wrap-welcome .welcome-body .box .btns {
          margin: 20px 0; }
      .wrap-welcome .welcome-body h1 {
        height: 20px;
        margin-bottom: 15px; }
        .wrap-welcome .welcome-body h1 img {
          vertical-align: top;
          height: 100%; }
      .wrap-welcome .welcome-body h2 {
        font-size: 13px; }
      .wrap-welcome .welcome-body .btn-link {
        vertical-align: text-top;
        margin-left: 5px;
        border-bottom: 1px solid #2763ea;
        border-radius: 0; }
    .wrap-gate .header .utils {
      bottom: inherit;
      -webkit-box-shadow: 0px 10px 16px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0px 10px 16px 0 rgba(0, 0, 0, 0.12); }
    .wrap-gate .gate .message {
      margin: 30px 0; }
      .wrap-gate .gate .message .lead {
        margin-top: 20px;
        font-size: 14px; }
    .wrap-gate .gate .card {
      width: 100%;
      padding: 15px;
      margin-bottom: 60px; }
      .wrap-gate .gate .card .card-header {
        margin: 0;
        padding: 40px 0 0 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .wrap-gate .gate .card .card-header .thumbnail {
          width: 40px;
          height: 40px;
          min-width: 40px; }
          .wrap-gate .gate .card .card-header .thumbnail img {
            width: 100%; }
        .wrap-gate .gate .card .card-header .content .name {
          font-size: 20px; }
      .wrap-gate .gate .card .card-body .scroll-area {
        height: auto;
        margin: 0;
        padding: 0; }
    .wrap-viewer .page-header {
      padding-top: 10px;
      padding-bottom: 10px; }
    .wrap-viewer .viewer {
      padding-top: 20px; }
      .wrap-viewer .viewer .viewer-card {
        width: 100%;
        min-width: 100%;
        margin: 0; }
  .header {
    height: 55px;
    color: #000; }
    .header ~ .container {
      padding-top: 55px; }
    .header h1 {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 55px;
      padding-left: 10px;
      margin-right: 10px;
      padding-right: 10px; }
      .header h1 a {
        height: 25px;
        min-height: 0; }
      .header h1 img {
        height: 100%; }
    .header .utils {
      position: fixed;
      right: -100%;
      top: 55px;
      bottom: 0;
      width: 68%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-shadow: 0px 10px 16px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0px 10px 16px 0 rgba(0, 0, 0, 0.12);
      background-color: #fff;
      overflow-y: auto; }
      .header .utils.utils-open {
        right: 0;
        z-index: 1; }
      .header .utils-menu {
        width: 100%; }
      .header .utils-job {
        padding: 10px; }
      .header .utils-stage .btn-dropdown-trigger {
        color: #000;
        width: 100%;
        background-color: #f2f2f2; }
        .header .utils-stage .btn-dropdown-trigger:hover {
          color: #000; }
        .header .utils-stage .btn-dropdown-trigger .btn-switch {
          position: absolute;
          right: 0;
          top: 0;
          width: 100%;
          height: 55px;
          line-height: 55px;
          text-align: right;
          z-index: 1; }
          .header .utils-stage .btn-dropdown-trigger .btn-switch:before {
            content: "";
            display: inline-block;
            width: 55px;
            height: 55px;
            background: #f2f2f2; }
          .header .utils-stage .btn-dropdown-trigger .btn-switch .sprite {
            position: absolute;
            right: 25px;
            top: 50%;
            margin: -6px; }
      .header .utils-stage .btn-dropdown-layer {
        left: 5px;
        right: 5px;
        width: auto;
        min-width: 0; }
        .header .utils-stage .btn-dropdown-layer .head {
          padding: 10px; }
          .header .utils-stage .btn-dropdown-layer .head div {
            font-size: 13px; }
          .header .utils-stage .btn-dropdown-layer .head .btn-switch {
            padding: 0 5px; }
      .header .utils-profile {
        height: auto;
        padding: 15px;
        border-bottom: 1px solid #dfdfee; }
        .header .utils-profile strong,
        .header .utils-profile small {
          max-width: none;
          white-space: normal;
          color: #000;
          word-break: break-word; }
        .header .utils-profile .btn-logout {
          padding: 0 10px; }
          .header .utils-profile .btn-logout .sprite {
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -641px -996px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 13px;
            min-width: 13px;
            height: 11px; }
      .header .utils-other .btn-dropdown-trigger {
        display: none; }
      .header .utils-other .btn-dropdown-layer {
        display: block;
        position: static;
        width: 100%;
        -webkit-box-shadow: none;
                box-shadow: none;
        margin: 0;
        border: 0; }
      .header .utils-panel {
        width: auto;
        position: fixed;
        right: 45px;
        top: 0; }
        .header .utils-panel .btn-panel-cover-open {
          width: 55px;
          height: 55px;
          line-height: 55px; }
  .container {
    display: block; }
  .contents {
    min-height: calc(100vh - 56px - 40px);
    padding: 12px; }
  .footer {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #dfdfee; }
    .footer:after {
      content: none; }
    .footer > div {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      padding: 5px 0; }
    .footer .copyright {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      margin-top: 10px;
      margin-left: 0;
      margin-right: 0; }
  .wrap.in-sidebar .panel-bottom {
    left: 0;
    bottom: 0;
    width: auto;
    z-index: 9999; }
    .wrap.in-sidebar .panel-bottom .panel-fixed-tabs {
      left: 0;
      bottom: 0; }
  .in-sidebar .control.sticky .control-inner {
    left: 0; }
  .page-header,
  .card-search {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    .in-sidebar .page-header, .in-sidebar
    .card-search {
      width: 100%;
      max-width: 100%;
      min-width: 100%; }
  .page-header:not(.list-page-header) {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 10px; }
    .page-header:not(.list-page-header) .page-header-tools {
      width: 100%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
      .page-header:not(.list-page-header) .page-header-tools > *:first-child {
        margin-top: 10px; }
  .page-header .breadcrumb {
    margin-top: -10px; }
  .page-header .page-title {
    font-size: 20px; }
  .page-header-info {
    padding-right: 0;
    padding-top: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .page-header-info .page-prev {
      margin-right: 5px;
      padding: 0;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
      -ms-flex-item-align: center;
          align-self: center; }
    .page-header-info .page-title {
      font-size: 20px;
      line-height: inherit; }
    .page-header-info .target-editable {
      padding: 0;
      margin-right: 5px; }
  .page-header-tools .btn-dropdown:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .page-header-tools .btn-dropdown:first-child .btn-dropdown-trigger {
      width: 100%; }
    .page-header-tools .btn-dropdown:first-child .btn-dropdown-status {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: left; }
  .page-header-tools hr:nth-of-type(2) {
    display: block;
    width: 100%;
    height: 1px;
    margin: 10px 0; }
  .page-header-tools hr:last-child {
    display: none; }
  .row-column .empty + .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .row-column .empty + .btns .btn ~ .btn {
      margin-left: 0;
      margin-top: 5px; }
  .form-radio,
  .form-checkbox {
    display: block; }
    .form-radio ~ .form-radio,
    .form-radio ~ .form-checkbox,
    .form-checkbox ~ .form-radio,
    .form-checkbox ~ .form-checkbox {
      margin-left: 0;
      margin-top: 10px; }
  .radio-group .form-radio ~ .form-radio,
  .radio-group .form-radio ~ .form-checkbox,
  .radio-group .form-checkbox ~ .form-radio,
  .radio-group .form-checkbox ~ .form-checkbox {
    margin-top: 0; }
  .form-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .form-search .area-search {
      height: 38px;
      max-height: 38px;
      overflow: hidden; }
    .form-search.is-mobile-active .area-search {
      height: auto;
      max-height: none;
      overflow: visible; }
    .form-search .area-btns {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-top: 10px; }
    .form-search.form-search-switch, .form-search.form-search-stack-switch, .form-search.form-search-compact, .form-search.form-search-toggle {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .form-search.form-search-switch .area-search, .form-search.form-search-stack-switch .area-search, .form-search.form-search-compact .area-search, .form-search.form-search-toggle .area-search {
        height: auto;
        max-height: none;
        overflow: visible; }
      .form-search.form-search-switch .area-btns, .form-search.form-search-stack-switch .area-btns, .form-search.form-search-compact .area-btns, .form-search.form-search-toggle .area-btns {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
    .form-search.form-search-compact .area-btns {
      margin-top: 0;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .form-search-switch {
      display: block; }
      .form-search-switch.expand > .area-search {
        padding-left: 0;
        padding-top: 15px;
        border: 0;
        border-top: 1px solid #dfdfee; }
        .form-search-switch.expand > .area-search > .row > .col:only-child {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .form-search-switch.expand > .area-search > .row > .col:only-child > .form-label {
            width: 100%; }
      .form-search-switch .area-btns {
        padding-left: 0; }
        .form-search-switch .area-btns .btn-group {
          width: 100%; }
          .form-search-switch .area-btns .btn-group .btn:first-child {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
    .form-search .area-type {
      height: auto;
      padding-bottom: 10px; }
    .form-search .area-search {
      display: block;
      padding: 0;
      border: none; }
      .form-search .area-search .row,
      .form-search .area-search .col {
        display: block;
        width: 100%;
        padding: 0;
        border: none; }
      .form-search .area-search .col ~ .col {
        margin-top: 10px; }
      .form-search .area-search .select2-container {
        min-width: 100px; }
      .form-search .area-search .input-group-time {
        width: 47%;
        padding: 0 0px 0 20px; }
      .form-search .area-search .DateRangePickerInput_calendarIcon {
        padding-right: 0 !important; }
      .form-search .area-search .DateRangePickerInput_arrow {
        width: 10px; }
      .form-search .area-search .DateInput__small {
        width: 37% !important; }
    .form-search .area-btns {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding-left: 0; }
      .form-search .area-btns .btn-group + div {
        display: block; }
      .form-search .area-btns .btn-group {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        .form-search .area-btns .btn-group .btn:first-child {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
      .form-search .area-btns hr {
        height: 38px; }
    .form-search .metadata-search .items {
      margin-bottom: 10px;
      padding: 10px;
      border: 1px solid #dfdfee;
      border-radius: 5px; }
    .form-search .metadata-search .row {
      position: relative;
      padding-top: 45px;
      margin-top: 10px;
      border-top: 1px solid #dfdfee; }
      .form-search .metadata-search .row:first-child {
        margin-top: 0;
        padding-top: 30px;
        border-top: none; }
        .form-search .metadata-search .row:first-child .btn-ghost {
          top: 0; }
      .form-search .metadata-search .row .col {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .form-search .metadata-search .row .col:before {
          content: attr(data-title);
          min-width: 30%;
          font-size: 12px;
          color: #686868;
          font-weight: bold; }
      .form-search .metadata-search .row .btn-ghost {
        position: absolute;
        right: -10px;
        top: 10px;
        height: 28px; }
  .control {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .control > div {
      width: 100%; }
    .control-status {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding-top: 10px;
      border-top: 1px solid rgba(223, 223, 238, 0.5); }
      .control-status .form-radio:first-child,
      .control-status .form-checkbox:first-child {
        margin-left: 10px; }
    .control-pagination {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%; }
      .control-pagination:only-child, .control-pagination:nth-of-type(1) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        .control-pagination:only-child > div:first-child:not(.wrap-pagination), .control-pagination:nth-of-type(1) > div:first-child:not(.wrap-pagination) {
          position: static;
          padding-top: 15px;
          line-height: 1; }
        .control-pagination:only-child > div.wrap-pagination, .control-pagination:nth-of-type(1) > div.wrap-pagination {
          border-bottom: 1px solid rgba(223, 223, 238, 0.5); }
      .control-pagination .select2-container,
      .control-pagination .pagination-input {
        display: none; }
      .control-pagination > div:first-child:not(.wrap-pagination) {
        position: absolute;
        right: 0;
        bottom: 15px;
        line-height: 30px;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      .control-pagination > div.wrap-pagination {
        width: 100%; }
      .control-pagination .pagination,
      .control-pagination .MuiPagination-root {
        display: block;
        margin: 0;
        max-height: none; }
        .control-pagination .pagination ul,
        .control-pagination .MuiPagination-root ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
      .control-pagination .MuiPaginationItem-root {
        height: 42px; }
      .control-pagination .MuiPaginationItem-ellipsis {
        line-height: 34px; }
    .control-tools {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      padding-bottom: 10px;
      border-bottom: 1px solid #dfdfee;
      text-align: right;
      white-space: normal; }
      .control-tools hr {
        display: none; }
  .card-error {
    min-width: 0; }
  .card-folder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0; }
    .card-folder .tree {
      min-width: 66vw;
      min-height: 0; }
    .card-folder .view {
      min-width: 0;
      width: 100%;
      border-left: 0; }
  .card .card-header {
    padding: 15px 0 10px;
    margin: 0 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .card .card-header > *:first-child {
      line-height: 30px;
      font-size: 14px; }
    .card .card-header-tools {
      position: relative;
      width: 100%;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-top: 10px;
      margin-top: 10px;
      border-top: 1px solid #dfdfee; }
      .card .card-header-tools .btn-viewmore {
        position: absolute;
        right: 0;
        bottom: 100%;
        margin-bottom: 10px; }
  .card .card-body {
    padding: 15px; }
    .card .card-body .row {
      display: block; }
      .card .card-body .row .col-1 {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
        border: 0; }
      .card .card-body .row .col-2 {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
        border: 0; }
      .card .card-body .row .col-3 {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
        border: 0; }
      .card .card-body .row .col-4 {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
        border: 0; }
      .card .card-body .row .col-5 {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
        border: 0; }
      .card .card-body .row .col-6 {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
        border: 0; }
      .card .card-body .row .col-7 {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
        border: 0; }
      .card .card-body .row .col-8 {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
        border: 0; }
      .card .card-body .row .col-9 {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
        border: 0; }
      .card .card-body .row .col-10 {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
        border: 0; }
      .card .card-body .row .col-11 {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
        border: 0; }
      .card .card-body .row .col-12 {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
        border: 0; }
      .card .card-body .row .form-label {
        position: relative;
        padding-left: 10px; }
        .card .card-body .row .form-label:before {
          content: "";
          position: absolute;
          left: 0;
          top: 17px;
          display: inline-block;
          width: 3px;
          height: 3px;
          background-color: #000;
          margin-top: -1.5px; }
  .card-detail {
    display: block; }
    .card-detail .detail-media {
      min-height: 0;
      padding: 15px; }
      .card-detail .detail-media .box-scroll {
        max-height: none;
        height: auto; }
      .card-detail .detail-media .control {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .card-detail .detail-media .control > div {
          width: auto; }
      .card-detail .detail-media .preview-player:before {
        content: "";
        display: block;
        padding-bottom: 56.25%; }
      .card-detail .detail-media .preview-player .video-player {
        position: absolute; }
      .card-detail .detail-media .select-source .item-source .file-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .card-detail .detail-media .select-source .item-source .file-name {
        margin-left: 0;
        margin-top: 5px; }
      .card-detail .detail-media .select-source .wrap-dropdown .dropdown-toggle {
        padding: 10px 50px 10px 10px; }
      .card-detail .detail-media .select-source .wrap-dropdown .dropdown-menu {
        left: 0; }
        .card-detail .detail-media .select-source .wrap-dropdown .dropdown-menu .item-source {
          padding: 10px 45px 10px 10px; }
      .card-detail .detail-media .select-source.select-source-xs .item-source {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
      .card-detail .detail-media .preview-tools {
        padding: 0 10px; }
        .card-detail .detail-media .preview-tools .btn-add-audio {
          width: 38px;
          padding: 0;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .card-detail .detail-media .preview-tools .btn-add-audio:before {
            content: "";
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -1054px -160px;
            background-size: 1064px auto;
            background-image: url(../images/sprites.png);
            width: 10px;
            min-width: 10px;
            height: 10px; }
          .card-detail .detail-media .preview-tools .btn-add-audio span {
            display: none; }
      .card-detail .detail-media .list-image {
        min-height: 0;
        padding: 10px 0 10px 10px; }
        .card-detail .detail-media .list-image li {
          margin: 5px; }
          .card-detail .detail-media .list-image li .content {
            width: 64px;
            height: 64px; }
            .card-detail .detail-media .list-image li .content .image {
              width: 100%;
              height: 100%; }
      .card-detail .detail-media > .d-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .card-detail .detail-media .selected-people {
        width: 100%;
        min-width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 15px; }
        .card-detail .detail-media .selected-people img {
          max-width: 100%; }
      .card-detail .detail-media .list-caption {
        padding: 15px; }
    .card-detail .detail-information {
      min-width: 0; }
      .card-detail .detail-information .information-contents {
        max-height: none; }
  .card-grid-sm {
    margin: -12px -5px 0; }
    .card-grid-sm .card {
      margin: 0;
      width: 100%;
      min-width: 100%;
      padding: 12px 6px; }
      .card-grid-sm .card .card-body {
        min-height: 92px; }
    .card-grid-sm .loading-block {
      width: 100%; }
  .card-grid .card-asset {
    width: 50%;
    min-width: 50%;
    margin: 0;
    padding: 12px 6px; }
    .card-grid .card-asset > .form-checkbox {
      left: 14px;
      top: 20px; }
    .card-grid .card-asset .card-cover .type {
      width: 100%; }
      .card-grid .card-asset .card-cover .type .thumbnail img {
        max-width: 100%; }
    .card-grid .card-asset .card-tools {
      right: 14px;
      top: 20px; }
  .row-chips {
    max-height: none; }
    .row-chips .col {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      min-width: 100%; }
  .card-chip .card-body .list-image ul {
    overflow-x: auto; }
  .card-chip .card-body .captions {
    padding-top: 16px;
    margin-top: 0;
    border-top: 0; }
    .card-chip .card-body .captions .control {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .card-chip .card-body .captions .control > div:last-child {
        text-align: right; }
    .card-chip .card-body .captions .table-scroll-header-fixed .table {
      table-layout: fixed; }
      .card-chip .card-body .captions .table-scroll-header-fixed .table td {
        white-space: normal; }
  .tab-body {
    padding: 15px; }
  .dashboard-head {
    margin: -10px -12px 10px;
    padding: 10px 20px; }
    .dashboard-head-tools .btn-dropdown {
      position: static; }
      .dashboard-head-tools .btn-dropdown-layer {
        left: 12px;
        right: 12px;
        width: auto;
        margin-top: -4px;
        min-width: 0; }
  .dashboard-body {
    margin: 0 -10px; }
    .dashboard-body .widgets .widget {
      height: auto;
      max-height: none;
      margin: 5px 10px; }
      .dashboard-body .widgets .widget .body {
        max-height: none;
        padding: 15px 0 15px 15px; }
        .dashboard-body .widgets .widget .body .inner {
          overflow-y: hidden;
          margin: 0;
          padding: 0; }
        .dashboard-body .widgets .widget .body .control {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding-right: 15px; }
          .dashboard-body .widgets .widget .body .control > div {
            width: auto;
            padding: 0;
            border: 0; }
          .dashboard-body .widgets .widget .body .control-tools {
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1; }
          .dashboard-body .widgets .widget .body .control-status {
            -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                    order: 0; }
        .dashboard-body .widgets .widget .body .infinite-scroll-component {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          overflow: visible !important; }
          .dashboard-body .widgets .widget .body .infinite-scroll-component .loading-block {
            min-width: 200px;
            min-height: 0;
            height: auto; }
  .dashboard table {
    width: auto; }
    .dashboard table colgroup + tbody tr:first-child td {
      border-top: none; }
    .dashboard table tbody {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .dashboard table tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        min-width: 80vw;
        margin-left: 10px;
        padding: 15px;
        border: 1px solid #dfdfee;
        border-radius: 3px; }
        .dashboard table tbody tr:first-child {
          margin-left: 0; }
      .dashboard table tbody td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        white-space: normal;
        border: none;
        padding: 8px 0;
        border: 0; }
        .dashboard table tbody td:before {
          min-width: 40%;
          content: attr(data-title);
          font-size: 11px;
          color: #999;
          font-weight: bold; }
        .dashboard table tbody td:not([data-title]):before {
          min-width: 0; }
        .dashboard table tbody td > div {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
        .dashboard table tbody td.fit-content {
          margin-bottom: 10px;
          padding-bottom: 16px;
          border-bottom: 1px solid rgba(223, 223, 238, 0.5); }
        .dashboard table tbody td:last-child.status {
          border-top: 1px solid rgba(223, 223, 238, 0.5);
          padding-top: 16px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .list-captions li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .box-scroll .list-captions li {
      padding-left: 36px; }
  .list-captions .form-radio,
  .list-captions .form-checkbox {
    position: absolute;
    left: 10px; }
  .list-captions .content,
  .list-captions .list {
    width: 100%; }
    .list-captions .content .caption-asset-link-list li,
    .list-captions .list .caption-asset-link-list li {
      padding-left: 0; }
  .list-overview > ul > li .title .btn-edit {
    opacity: 1; }
  .list-format {
    min-height: 0; }
  .statistics-tools {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .statistics-tools .total-summary {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .statistics-tools .total-summary dl {
        margin: 10px 0;
        padding: 0 20px;
        width: 50%; }
        .statistics-tools .total-summary dl dd {
          font-size: 13px; }
    .statistics-tools .tool-range {
      width: 100%;
      padding-top: 15px;
      padding-bottom: 15px;
      border-top: 1px solid rgba(255, 255, 255, 0.2); }
      .statistics-tools .tool-range > div {
        width: 100%; }
      .statistics-tools .tool-range .range-select-toggle {
        width: 100%; }
        .statistics-tools .tool-range .range-select-toggle > .btn time {
          font-size: 12px; }
  .statistics-status div:last-child > span,
  .statistics-status div:last-child > hr {
    display: none; }
  .statistics-wrapper {
    margin-left: 0; }
    .statistics-wrapper > .card {
      width: 100%;
      min-width: 0;
      margin: 5px 0;
      max-width: none; }
    .statistics-wrapper .card-statistics .card-body .filter {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
  .statistics-item-key {
    width: 100%;
    margin-bottom: 15px; }
    .statistics-item-key dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      padding-right: 20px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .statistics-item-key + .row {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0; }
      .statistics-item-key + .row .statistics-item {
        width: 50%;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 50%;
                flex: 0 1 50%;
        padding: 0; }
        .statistics-item-key + .row .statistics-item dl {
          height: 100%;
          padding: 16px;
          border-bottom: 1px solid #dfdfee; }
        .statistics-item-key + .row .statistics-item:last-child dl {
          border-bottom: none; }
        .statistics-item-key + .row .statistics-item:nth-child(odd):before {
          content: "";
          display: block;
          width: 1px;
          position: absolute;
          right: 0;
          top: 15px;
          bottom: 15px;
          background-color: #dfdfee; }
        .statistics-item-key + .row .statistics-item:nth-child(odd):last-child::before {
          content: none; }
  .btn-toggle-tree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 52px;
    margin: 0 0 12px;
    padding: 17px;
    border-radius: 5px;
    border: solid 1px #dfdfee;
    background-color: #fff; }
    .btn-toggle-tree strong {
      overflow: hidden;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }
    .btn-toggle-tree .status {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0; }
      .btn-toggle-tree .status .sprite {
        margin: 2px; }
        .btn-toggle-tree .status .sprite:first-child {
          margin-top: 0; }
        .btn-toggle-tree .status .sprite:last-child {
          margin-bottom: 0; }
  .tree {
    position: absolute;
    left: -100%;
    top: 55px;
    bottom: 0;
    background-color: #fff;
    z-index: 1000;
    -webkit-transition: left 0.2s ease;
    -o-transition: left 0.2s ease;
    transition: left 0.2s ease; }
    .card-folder .tree > {
      left: 0; }
    /*.wrap-cms .card-folder > .tree {*/
    /*  position: static;*/
    /*  border: 0; }*/
    .wrap-cms .tree {
      top: calc(55px + 39px + 39px); }
    .tree.toggle-active {
      left: 0; }
    .tree-view {
      padding-bottom: 10px; }
    .tree-tool:after {
      left: 10px;
      right: 10px; }
    .tree-tool form {
      padding: 10px; }
  .folder-control .folder-tool:first-of-type {
    padding: 0; }
  .folder-control .folder-tool .btn-icon {
    width: 35px;
    margin: 0; }
  .folder-control .folder-path ul li {
    display: none; }
    .folder-control .folder-path ul li:only-child, .folder-control .folder-path ul li:last-child {
      display: block; }
  .table-storage {
    border-top: 1px solid #dfdfee;
    padding-top: 10px; }
    .table-storage table colgroup {
      display: none; }
      .table-storage table colgroup + tbody tr:first-child td {
        border-top: none; }
    .table-storage table thead {
      display: none; }
    .table-storage table tbody {
      display: block; }
      .table-storage table tbody tr {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 12px;
        border-bottom: 1px solid rgba(223, 223, 238, 0.5); }
      .table-storage table tbody td {
        white-space: normal;
        border: none;
        border: 0;
        padding: 0; }
        .table-storage table tbody td:only-child, .table-storage table tbody td.fit-content {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 100%;
                  flex: 1 1 100%;
          margin-bottom: 10px; }
        .table-storage table tbody td:not(.fit-content) {
          font-size: 11px;
          color: #686868; }
        .table-storage table tbody td:nth-child(2) {
          margin-right: 8px;
          padding-left: 20px;
          padding-right: 8px;
          border-right: 1px solid rgba(223, 223, 238, 0.5); }
        .table-storage table tbody td:nth-child(4) {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          text-align: right;
          color: #000; }
        .table-storage table tbody td .btn-dropdown {
          position: absolute;
          right: 0;
          top: 6px; }
  .modal .modal-body .row {
    display: block; }
    .modal .modal-body .row-column {
      margin: 0; }
    .modal .modal-body .row .col-1 {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 0;
      border: 0; }
    .modal .modal-body .row .col-2 {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 0;
      border: 0; }
    .modal .modal-body .row .col-3 {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 0;
      border: 0; }
    .modal .modal-body .row .col-4 {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 0;
      border: 0; }
    .modal .modal-body .row .col-5 {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 0;
      border: 0; }
    .modal .modal-body .row .col-6 {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 0;
      border: 0; }
    .modal .modal-body .row .col-7 {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 0;
      border: 0; }
    .modal .modal-body .row .col-8 {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 0;
      border: 0; }
    .modal .modal-body .row .col-9 {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 0;
      border: 0; }
    .modal .modal-body .row .col-10 {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 0;
      border: 0; }
    .modal .modal-body .row .col-11 {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 0;
      border: 0; }
    .modal .modal-body .row .col-12 {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 0;
      border: 0; }
  .modal .modal-body hr:not(.inline) {
    margin: 15px 0; }
  .modal .modal-body hr + .form-label {
    padding-top: 0; }
  .modal .modal-body .box-border {
    padding: 10px; }
  .modal .modal-body .form-search .area-search .col {
    padding: 0; }
  .modal .modal-body .form-search .input-group-time {
    width: 100px; }
  .modal .modal-body .form-search-toggle .area-btns {
    padding-left: 10px;
    margin-top: 0; }
  .modal .modal-body .control-pagination {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .modal .modal-body .control-pagination .pagination {
      margin-right: 0; }
  .modal .modal-body .tree {
    position: static; }
  .modal.modal-full .modal-dialog {
    width: 95% !important; }
  .modal-statistics .detail-statistics-body {
    padding: 0 15px 15px; }
  .modal-viewer-element .modal-body {
    overflow-x: hidden; }
  .modal-viewer-element .content {
    height: 300px; }
    .modal-viewer-element .content .view {
      height: 300px; }
  .modal-viewer-element .meta strong {
    margin-right: 10px; }
  .modal-publish-video .modal-body .item {
    margin: 0 15px;
    padding: 15px 0; }
  .modal-publish-video .modal-body .sns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start; }
    .modal-publish-video .modal-body .sns li {
      width: 30%; }
  .modal-publish-video .modal-body .card .card-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0; }
    .modal-publish-video .modal-body .card .card-header .btn-icon-solid {
      padding: 10px; }
    .modal-publish-video .modal-body .card .card-header-tools {
      width: auto;
      margin: 0;
      padding: 0;
      border: 0; }
  .modal-publish-video .modal-body .form-block .form-group {
    width: 100%; }
    .modal-publish-video .modal-body .form-block .form-group + .form-group {
      margin-left: 0;
      margin-top: 5px; }
  .dropify-list-header .item > div {
    display: none; }
    .dropify-list-header .item > div.check, .dropify-list-header .item > div.object {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .dropify-list-body .dropzone > div {
    display: none; }
    .dropify-list-body .dropzone > div.check, .dropify-list-body .dropzone > div.object {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.test {
  height: 100%;
  min-height: 100%; }
  .test .is-mobile {
    display: block; }
  .test .is-pc {
    display: none; }
  .test header {
    position: absolute;
    right: 100%;
    color: #fff;
    background-color: #305260; }
  .test main {
    min-height: 100%; }
  .test .main-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: black;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .test .main-header ul {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: green; }
    .test .main-header .search {
      position: absolute;
      left: 100%; }
  .test .t-container .list table {
    display: block;
    width: 100%; }
    .test .t-container .list table thead {
      display: none; }
    .test .t-container .list table tbody {
      display: block; }
    .test .t-container .list table tr {
      display: block; }
    .test .t-container .list table .expand {
      display: none; }
  .test .t-container .menu {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0; }
  @media screen and (min-width: 640px) {
    .test .is-pc {
      display: block; }
    .test .is-mobile {
      display: none; }
    .test header {
      position: static; }
      .test header .inner {
        position: relative;
        right: 0;
        padding-bottom: 55px; }
      .test header nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .test header nav li {
          display: inline-block; }
      .test header .user {
        position: absolute;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      .test header .sub {
        position: absolute;
        bottom: 0; }
    .test main {
      min-height: 100%;
      padding: 50px 0; }
    .test .main-header {
      position: static;
      display: block;
      color: #000;
      background-color: transparent; }
      .test .main-header ul {
        position: static;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: green; }
        .test .main-header ul li {
          display: inline-block;
          vertical-align: middle;
          padding: 10px 15px; }
      .test .main-header .filter {
        display: none; }
      .test .main-header .search {
        position: static;
        padding: 30px 0; }
    .test .t-container .list table {
      display: table;
      width: 100%;
      border-top: 1px solid #dfdfee;
      border-bottom: 1px solid #dfdfee; }
      .test .t-container .list table thead {
        display: table-header-group; }
      .test .t-container .list table tbody {
        display: table-row-group; }
      .test .t-container .list table tr {
        display: table-row; }
      .test .t-container .list table .expand {
        display: table-row; }
      .test .t-container .list table th {
        padding: 10px 15px;
        text-align: left;
        background-color: #f8f8f8;
        border-bottom: 1px solid #dfdfee;
        border-left: 1px solid #dfdfee; }
        .test .t-container .list table th:first-of-type {
          border-left: none; }
      .test .t-container .list table td {
        padding: 10px 15px;
        text-align: left;
        border-bottom: 1px solid #dfdfee;
        border-left: 1px solid #dfdfee; }
        .test .t-container .list table td:first-of-type {
          border-left: none; }
      .test .t-container .list table .expand {
        width: 100%; }
        .test .t-container .list table .expand td {
          padding: 10px; }
          .test .t-container .list table .expand td div {
            padding: 20px;
            background-color: #f8f8f8; }
    .test .t-container .menu {
      position: static;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: transparent; }
      .test .t-container .menu .control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      .test .t-container .menu .buttons {
        margin: 10px 0; }
        .test .t-container .menu .buttons button {
          border: 1px solid #dfdfee; } }
  @media screen and (min-width: 1240px) {
    .test .inner {
      max-width: 1240px;
      margin: 0 auto; } }