.fa-angle-left,
.fa-angle-right,
.fa.fa-angle-down,
.fa.fa-angle-up,
.fa-close,
.fa-caret-down,
.pi.pi-chevron-right,
.pi.pi-chevron-left,
.pi.pi-chevron-down,
.pi.pi-chevron-up,
.pi.pi-times,

.pi.pi-caret-down,

body .fc .fc-toolbar .fc-prev-button span:before,
body .fc .fc-toolbar .fc-next-button span:before,

.ui-icon.ui-icon-circle-triangle-w,
.ui-icon.ui-icon-circle-triangle-e,
.bkn{
    background-image: url('../images/font/sprite-new.svg');
    vertical-align: inherit;
    display: inline-block !important;
}

.bkn-stuff {
    background-position: -446px -126px;
    height: 19px;
    width: 19px;
}

.ticon{
    background-image: url('../images/font/sprite-icon.svg');
    vertical-align: inherit;
    display: inline-block !important;
}

.ticon-arrow-right{
    background-position: -375px -53px;
    height: 22px;
    width: 19px;
    cursor: pointer;
}

.ticon-user {
    background-position: -579px -83px;
    height: 18px;
    width: 19px;
    cursor: pointer;
}

.ticon-order{
    background-position: -229px -56px;
    height: 19px;
    width: 22px;
    cursor: pointer;
}

.ticon-bookings{
    background-position: -301px -154px;
    height: 19px;
    width: 19px;
    cursor: pointer;
}

.ticon-search {
    background-position: -326px -83px;
    height: 19px;
    width: 19px;
    cursor: pointer;
}

.ticon-cart {
    background-position: -560px -122px;
    height: 19px;
    width: 19px;
    cursor: pointer;
}

.ticon-logout {
    background-position: -627px -152px;
    height: 21px;
    width: 19px;
    cursor: pointer;
}

.ticon-twitter {
    background-position: -555px -130px;
    height: 18px;
    width: 19px;
}

.ticon-facebook {
    background-position: -530px -130px;
    height: 21px;
    width: 19px;
}

.ticon-linkedin {
    background-position: -602px -131px;
    height: 18px;
    width: 19px;
}

body .fc .fc-toolbar .fc-next-button span.ui-icon.ui-icon-circle-triangle-e
{
    background-image: url('../images/font/sprite-new.svg') !important;
    background-position: -176px -130px !important;
}

body .fc .fc-toolbar .fc-prev-button span.ui-icon.ui-icon-circle-triangle-w
{
    background-image: url('../images/font/sprite-new.svg') !important;
    background-position: -144px -130px !important;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    content: "";
}

span.pi.pi-chevron-left:before,
span.pi.pi-chevron-right:before,
span.pi.pi-chevron-up:before,
span.pi.pi-chevron-down:before,

span.pi.pi-caret-down:before,
span.pi.pi-times:before,

span.fa.fa-angle-left:before,
span.fa.fa-angle-right:before,
span.fa-angle-down:before,
span.fa-angle-up:before,
span.fa-close::before,
span.fa-caret-down::before,
body .fc .fc-toolbar .fc-prev-button span:before,
body .fc .fc-toolbar .fc-next-button span:before {
    content: "";
}

.bkn-dashboard {
    height: 19px;
    width: 19px;
  }

  .bkn-dashboard:hover {
    background-position: -19px 0;
  }

  .bkn-categories {
    background-position: -38px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-categories:hover {
    background-position: -57px 0;
  }

  .bkn-booking-slots {
    background-position: -76px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-booking-slots:hover {
    background-position: -95px 0;
  }

  .bkn-all-bookings {
    background-position: -114px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-all-bookings:hover {
    background-position: -133px 0;
  }

  .bkn-calendar {
    background-position: -152px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-calendar:hover {
    background-position: -171px 0;
  }

  .bkn-customer {
    background-position: -190px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-customer:hover {
    background-position: -209px 0;
  }

  .bkn-reviews {
    background-position: -228px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-reviews:hover {
    background-position: -247px 0;
  }

  .bkn-users {
    background-position: -266px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-users:hover {
    background-position: -285px 0;
  }

  .bkn-add-ons {
    background-position: -304px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-add-ons:hover {
    background-position: -323px 0;
  }

  .bkn-configuration {
    background-position: -342px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-configuration:hover {
    background-position: -361px 0;
  }

  .bkn-hamburger {
    background-position: -380px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-hamburger:hover {
    background-position: -399px 0;
  }

  .bkn-notification {
    background-position: 0px 481px;
    height: 22px;
    width: 22px;
  }

  .pi.pi-chevron-down,
  .pi.pi-caret-down,
  .bkn-arrow-down {
    background-position: -418px 0px;
    height: 22px;
    width: 22px;
  }

  .pi.pi-chevron-up,
  .bkn-arrow-up {
    background-position: -437px 0px;
    height: 22px;
    width: 22px;
  }

  .bkn-filter {
    background-position: -456px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-close {
    background-position: -475px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-calender-filter {
    background-position: -19px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-overwrite-active-radio {
    background-position: -22px -19px;
    height: 22px;
    width: 22px;
  }

  .bkn-overwrite-deactive-radio {
    background-position: -44px -19px;
    height: 22px;
    width: 22px;
  }

  .bkn-action-ellipses {
    background-position: 0px -41px;
    height: 22px;
    width: 24px;
  }

  .bkn-action-ellipses:hover {
    background-position: -24px -41px;
  }

  .bkn-remove {
    background-position: -48px -41px;
    height: 24px;
    width: 24px;
  }

  .bkn-checkbox-deactive {
    background-position: -512px 2px;
    height: 22px;
    width: 22px;
  }

  .bkn-checkbox-active {
    background-position: -531px 2px;
    height: 22px;
    width: 22px;
  }

  .bkn-add {
    background-position: -548px 2px;
    height: 22px;
    width: 22px;
  }

  .bkn-view {
    background-position: -569px 2px;
    height: 22px;
    width: 22px;
  }

  .bkn-external-url {
    background-position: -72px -41px;
    height: 24px !important;
    width: 24px !important;
  }


  .pi.pi-times,
  .bkn-popup-close {
    background-position: -589px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-reschedule-booking {
    background-position: -609px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-appointment-type {
    background-position: 0px -65px;
    height: 37px;
    width: 37px;
  }

  .bkn-concert-type {
    background-position: -38px -65px;
    height: 37px;
    width: 37px;
  }

  .bkn-rental-type {
    background-position: -74px -65px;
    height: 37px;
    width: 37px;
  }

  .bkn-about-customer {
    background-position: -56px -102px;
    height: 28px;
    width: 28px;
  }

  .bkn-payment-details {
    background-position: 0px -102px;
    height: 28px;
    width: 28px;
  }

  .bkn-additional-information {
    background-position: -28px -102px;
    height: 28px;
    width: 28px;
  }

  .bkn-rating-active {
    background-position: -627px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-rating-inactive {
    background-position: -646px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-trash {
    background-position: -665px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-trash:hover {
    background-position: -684px 0;
  }

  .bkn-earning {
    background-position: -84px -102px;
    height: 28px;
    width: 28px;
  }

  .bkn-commission {
    background-position: -112px -102px;
    height: 28px;
    width: 28px;
  }

  .bkn-input-calender {
    background-position: 0px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-input-clock {
    background-position: -16px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-search {
    background-position: -32px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-order {
    background-position: -703px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-order:hover {
    background-position: -722px 0;
  }

  .bkn-feature-check {
    background-position: -741px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-feature-close {
    background-position: -760px 0;
    height: 19px;
    width: 19px;
  }

  .bkn-upload {
    background-position: -66px -19px;
    height: 22px;
    width: 22px;
  }

  .bkn-upload:hover {
    background-position: -88px -19px;
  }

  .bkn-error {
    background-position: -110px -19px;
    height: 22px;
    width: 22px;
  }

  .bkn-client-config-inactive-check {
    background-position: -48px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-client-config-active-check {
    background-position: -64px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-booking-notification {
    background-position: -80px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-radio-active {
    background-position: -96px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-radio-deactive {
    background-position: -112px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-onboarding-prev-deactive {
    background-position: -128px -130px;
    height: 16px;
    width: 16px;
  }

    .pi-chevron-left,
  .bkn-onboarding-prev-active {
    background-position: -144px -130px;
    height: 16px;
    width: 16px;
  }

    .bkn-onboarding-next-deactive {
    background-position: -160px -130px;
    height: 16px;
    width: 16px;
  }

    .pi-chevron-right,
  .bkn-onboarding-next-active {
    background-position: -176px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-page-previous {
    background-position: -24px -146px;
    height: 12px;
    width: 12px;
  }

  .bkn-page-next {
    background-position: -36px -146px;
    height: 12px;
    width: 12px;
  }

  .bkn-review-active {
    background-position: -779px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-review-deactive {
    background-position: -798px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-warning-icon-active {
    background-position: -817px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-warning-icon-deactive {
    background-position: -836px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-approved-deactive {
    background-position: -855px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-approved-active {
    background-position: -874px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-reschedule-active {
    background-position: -893px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-reschedule-deactive {
    background-position: -912px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-warning {
    background-position: -931px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-configure-booking-normal {
    background-position: -950px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-configure-booking-active {
    background-position: -969px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-check {
    background-position: -988px 0px;
    height: 19px;
    width: 19px;
  }

  .bkn-Get-Resources-normal {
    background-position: -132px -19px;
    height: 22px;
    width: 22px;
  }

  .bkn-Get-Resources-active {
    background-position: -152px -19px;
    height: 22px;
    width: 22px;
  }

  .bkn-error-warning {
    background-position: -140px -102px;
    height: 28px;
    width: 28px;
  }

  .bkn-Sale_Up_Sign {
    background-position: -168px -102px;
    height: 28px;
    width: 28px;
  }

  .bkn-export {
    background-position: -192px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-export:hover {
    background-position: -208px -130px;
  }

  .bkn-Ascending-Arrow-Normal {
    background-position: -224px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-Ascending-Arrow-active {
    background-position: -240px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-Descending-Arrow-Normal {
    background-position: -256px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-Descending-Arrow-active {
    background-position: -272px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-Go-Back-Icon {
    background-position: -288px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-name {
    background-position: -304px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-email {
    background-position: -320px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-phone {
    background-position: -336px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-title {
    background-position: -352px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-front-preview {
    background-position: -368px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-date {
    background-position: -384px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-time {
    background-position: -400px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-payment {
    background-position: -416px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-address {
    background-position: -432px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-transaction {
    background-position: -448px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-tracking {
    background-position: -464px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-money {
    background-position: -480px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-group {
    background-position: -496px -130px;
    height: 16px;
    width: 16px;
  }

  .bkn-arrow-icon {
    background-position: -48px -146px;
    height: 12px;
    width: 12px;
  }

  .bkn-Down-Arrow {
    background-position: -60px -146px;
    height: 12px;
    width: 12px;
  }

  .bkn-close-deactive {
    background-position: -72px -146px;
    height: 12px;
    width: 12px;
  }

  .bkn-close-active {
    background-position: -84px -146px;
    height: 12px;
    width: 12px;
  }

  .bkn-back_arrow-active {
    background-position: -96px -146px;
    height: 12px;
    width: 12px;
  }

  .bkn-back_arrow-deactive {
    background-position: -108px -146px;
    height: 12px;
    width: 12px;
  }

  .bkn-front-arrow-active {
    background-position: -120px -146px;
    height: 12px;
    width: 12px;
  }

  .bkn-front-arrow-deactive {
    background-position: -132px -146px;
    height: 12px;
    width: 12px;
  }

  .bkn-frontnd-Persional-info-deactive {
    background-position: -96px -41px;
    height: 24px;
    width: 24px;
  }

  .bkn-frontnd-Persional-info-active {
    background-position: -120px -41px;
    height: 24px;
    width: 24px;
  }

  .bkn-frontnd-payment-deactive {
    background-position: -144px -41px;
    height: 24px;
    width: 24px;
  }

  .bkn-frontnd-Payment-active {
    background-position: -168px -41px;
    height: 24px;
    width: 24px;
  }
  .bkn-more-action{
    background-position: -192px -41px;
    height: 24px;
    width: 24px;
  }
  .bkn-more-action:hover{
    background-position: -216px -41px;
  }
  .bkn-support{
    background-position: -1045px 0px;
    height: 19px;
    width: 19px;
  }
  .bkn-support:hover{
    background-position: -1064px 0px;
  }
  .bkn-updated-features{
    background-position: -1083px 0px;
    height: 19px;
    width: 19px;
  }
  .bkn-updated-features:hover{
    background-position: -1102px 0px;
  }
.bkn-checkbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.bkn-checkbox input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 100;
}
.bkn-checkbox .bkn-checkbox-view {
    background-position: -48px -130px;
    height: 16px;
    width: 16px;
    margin: 0;
    margin: 0;
    text-indent: 24px;
}
.bkn-checkbox input:checked + label .bkn-checkbox-view,
.bkn-checkbox input:checked + .bkn-checkbox-view {
    background-position: -64px -130px;
}
.bkn-checkbox input:disabled + label .bkn-checkbox-view,
.bkn-checkbox input:disabled + .bkn-checkbox-view {
    opacity: 0.5;
}
.bkn-radio {
    position: relative;
    display: inline-block;
    top: 4px;
    margin-right: 5px;
}
.bkn-radio input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 100;
}
.bkn-radio .bkn-radio-view {
    background-position: -96px -130px;
    height: 16px;
    width: 16px;
    margin: 0;
}
.bkn-radio input:checked + .bkn-radio-view {
    background-position: -112px -130px;
}

  span.ui-button-icon-left.bkn-front-preview, span.ui-button-icon-left.bkn-external-url {
      top: 38% !important;
      left: 38% !important;
  }

  .datepicker > .bkn, .timepicker > .bkn{
      position: absolute;
      top: 13px;
      right: 10px;
  }
  span.ui-button-icon-left.bkn-front-preview, span.ui-button-icon-left.bkn-external-url{

  }