@charset "UTF-8";
.primary-color {
  color: #0045ff;
}

.secondary-color {
  color: #151518;
}

.third-color {
  color: #18182b;
}

.white-color {
  color: #ffffff;
}

.transition {
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

* {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}
@media (max-width: 991px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  html {
    font-size: 12px;
  }
}

body {
  margin: 0;
  padding: 0;
  font-family: "Nunito Sans", sans-serif;
  background-color: #f7f8fa;
}
body::after {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  bottom: -100%;
  content: url(/assets/images/home-dark-icon.svg)
    url(/assets/images/location-dark-icon.svg)
    url(/assets/images/overveiw-blue-icon.svg)
    url(/assets/images/clock-blue-icon.svg)
    url(/assets/images/build-blue-icon.svg)
    url(/assets/images/floor-blue-icon.svg)
    url(/assets/images/cal-blue-icon.svg)
    url(/assets/images/analytics-blue-icon.svg)
    url(/assets/images/reports-blue-icon.svg)
    url(/assets/images/info-blue-icon.svg)
    url(/assets/images/ticket-blue-icon.svg)
    url(/assets/images/bu-blue-icon.svg)
    url(/assets/images/booking-blue-icon.svg)
    url(/assets/images/news-blue-icon.svg)
    url(/assets/images/setting-blue-icon.svg);
}

.container {
  max-width: 1600px;
  padding: 0 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h3 {
  font-weight: 700;
  font-size: 26px;
  color: #151518;
  margin-bottom: 18px;
}
@media (max-width: 1440px) {
  h3 {
    font-size: 22px;
  }
}

h5 {
  font-weight: 700;
  font-size: 18px;
  color: #18182b;
  letter-spacing: -0.01em;
  margin-bottom: 12px;
}
@media (max-width: 1440px) {
  h5 {
    font-size: 14px;
  }
}

p {
  padding: 0;
  margin: 0;
  letter-spacing: -0.01em;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.p12 {
  font-size: 12px !important;
}

.p13 {
  font-size: 13px !important;
}

.p14 {
  font-size: 14px !important;
}

.p15 {
  font-size: 15px !important;
}

.p16 {
  font-size: 16px !important;
}

.p17 {
  font-size: 17px !important;
}

.p18 {
  font-size: 18px !important;
}

.p19 {
  font-size: 19px !important;
}

.p20 {
  font-size: 20px !important;
}

.object-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.clearboth {
  clear: both !important;
}

ul,
ol,
figure {
  margin: 0;
  padding: 0;
}

/*margin top spacing css start*/
.marginT2 {
  margin-top: 2px !important;
}

.marginT4 {
  margin-top: 4px !important;
}

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

.marginT6 {
  margin-top: 6px !important;
}

.marginT8 {
  margin-top: 8px !important;
}

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

.marginT12 {
  margin-top: 12px !important;
}

.marginT14 {
  margin-top: 14px !important;
}

.marginT16 {
  margin-top: 16px !important;
}

.marginT18 {
  margin-top: 18px !important;
}

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

.marginT22 {
  margin-top: 22px !important;
}

.marginT24 {
  margin-top: 24px !important;
}

.marginT26 {
  margin-top: 26px !important;
}

.marginT28 {
  margin-top: 28px !important;
}

.marginT30 {
  margin-top: 30px !important;
}

.marginT32 {
  margin-top: 32px !important;
}

.marginT34 {
  margin-top: 34px !important;
}

.marginT36 {
  margin-top: 36px !important;
}

.marginT38 {
  margin-top: 38px !important;
}

.marginT40 {
  margin-top: 40px !important;
}

.marginT42 {
  margin-top: 42px !important;
}

.marginT44 {
  margin-top: 44px !important;
}

.marginT46 {
  margin-top: 46px !important;
}

.marginT48 {
  margin-top: 48px !important;
}

.marginT50 {
  margin-top: 50px !important;
}

.marginT52 {
  margin-top: 52px !important;
}

.marginT54 {
  margin-top: 54px !important;
}

.marginT56 {
  margin-top: 56px !important;
}

.marginT58 {
  margin-top: 58px !important;
}

.marginT60 {
  margin-top: 60px !important;
}

.marginT62 {
  margin-top: 62px !important;
}

.marginT64 {
  margin-top: 64px !important;
}

/*margin top spacing css end*/
/*margin bottom spacing css start*/
.marginB2 {
  margin-bottom: 2px !important;
}

.marginB4 {
  margin-bottom: 4px !important;
}

.marginB5 {
  margin-bottom: 5px !important;
}

.marginB6 {
  margin-bottom: 6px !important;
}

.marginB8 {
  margin-bottom: 8px !important;
}

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

.marginB12 {
  margin-bottom: 12px !important;
}

.marginB14 {
  margin-bottom: 14px !important;
}

.marginB16 {
  margin-bottom: 16px !important;
}

.marginB18 {
  margin-bottom: 18px !important;
}

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

.marginB22 {
  margin-bottom: 22px !important;
}

.marginB24 {
  margin-bottom: 24px !important;
}

.marginB26 {
  margin-bottom: 26px !important;
}

.marginB28 {
  margin-bottom: 28px !important;
}

.marginB30 {
  margin-bottom: 30px !important;
}

.marginB32 {
  margin-bottom: 32px !important;
}

.marginB34 {
  margin-bottom: 34px !important;
}

.marginB36 {
  margin-bottom: 36px !important;
}

.marginB38 {
  margin-bottom: 38px !important;
}

.marginB40 {
  margin-bottom: 40px !important;
}

.marginB42 {
  margin-bottom: 42px !important;
}

.marginB44 {
  margin-bottom: 44px !important;
}

.marginB46 {
  margin-bottom: 46px !important;
}

.marginB48 {
  margin-bottom: 48px !important;
}

.marginB50 {
  margin-bottom: 50px !important;
}

.marginB52 {
  margin-bottom: 52px !important;
}

.marginB54 {
  margin-bottom: 54px !important;
}

.marginB56 {
  margin-bottom: 56px !important;
}

.marginB58 {
  margin-bottom: 58px !important;
}

.marginB60 {
  margin-bottom: 60px !important;
}

.marginB62 {
  margin-bottom: 62px !important;
}

.marginB64 {
  margin-bottom: 64px !important;
}

/*margin bottom spacing css end*/
/*margin left spacing css start*/
.marginL2 {
  margin-left: 2px !important;
}

.marginL4 {
  margin-left: 4px !important;
}

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

.marginL6 {
  margin-left: 6px !important;
}

.marginL8 {
  margin-left: 8px !important;
}

.marginL10 {
  margin-left: 10px !important;
}

.marginL12 {
  margin-left: 12px !important;
}

.marginL14 {
  margin-left: 14px !important;
}

.marginL16 {
  margin-left: 16px !important;
}

.marginL18 {
  margin-left: 18px !important;
}

.marginL20 {
  margin-left: 20px !important;
}

.marginL22 {
  margin-left: 22px !important;
}

.marginL24 {
  margin-left: 24px !important;
}

.marginL26 {
  margin-left: 26px !important;
}

.marginL28 {
  margin-left: 28px !important;
}

.marginL30 {
  margin-left: 30px !important;
}

.marginL32 {
  margin-left: 32px !important;
}

.marginL34 {
  margin-left: 34px !important;
}

.marginL36 {
  margin-left: 36px !important;
}

.marginL38 {
  margin-left: 38px !important;
}

.marginL40 {
  margin-left: 40px !important;
}

.marginL42 {
  margin-left: 42px !important;
}

.marginL44 {
  margin-left: 44px !important;
}

.marginL46 {
  margin-left: 46px !important;
}

.marginL48 {
  margin-left: 48px !important;
}

.marginL50 {
  margin-left: 50px !important;
}

.marginL52 {
  margin-left: 52px !important;
}

.marginL54 {
  margin-left: 54px !important;
}

.marginL56 {
  margin-left: 56px !important;
}

.marginL58 {
  margin-left: 58px !important;
}

.marginL60 {
  margin-left: 60px !important;
}

.marginL62 {
  margin-left: 62px !important;
}

.marginL64 {
  margin-left: 64px !important;
}

/*margin left spacing css end*/
/*margin right spacing css start*/
.marginR2 {
  margin-right: 2px !important;
}

.marginR4 {
  margin-right: 4px !important;
}

.marginR5 {
  margin-right: 5px !important;
}

.marginR6 {
  margin-right: 6px !important;
}

.marginR8 {
  margin-right: 8px !important;
}

.marginR10 {
  margin-right: 10px !important;
}

.marginR12 {
  margin-right: 12px !important;
}

.marginR14 {
  margin-right: 14px !important;
}

.marginR16 {
  margin-right: 16px !important;
}

.marginR18 {
  margin-right: 18px !important;
}

.marginR20 {
  margin-right: 20px !important;
}

.marginR22 {
  margin-right: 22px !important;
}

.marginR24 {
  margin-right: 24px !important;
}

.marginR26 {
  margin-right: 26px !important;
}

.marginR28 {
  margin-right: 28px !important;
}

.marginR30 {
  margin-right: 30px !important;
}

.marginR32 {
  margin-right: 32px !important;
}

.marginR34 {
  margin-right: 34px !important;
}

.marginR36 {
  margin-right: 36px !important;
}

.marginR38 {
  margin-right: 38px !important;
}

.marginR40 {
  margin-right: 40px !important;
}

.marginR42 {
  margin-right: 42px !important;
}

.marginR44 {
  margin-right: 44px !important;
}

.marginR46 {
  margin-right: 46px !important;
}

.marginR48 {
  margin-right: 48px !important;
}

.marginR50 {
  margin-right: 50px !important;
}

.marginR52 {
  margin-right: 52px !important;
}

.marginR54 {
  margin-right: 54px !important;
}

.marginR56 {
  margin-right: 56px !important;
}

.marginR58 {
  margin-right: 58px !important;
}

.marginR60 {
  margin-right: 60px !important;
}

.marginR62 {
  margin-right: 62px !important;
}

.marginR64 {
  margin-right: 64px !important;
}

/*margin right spacing css end*/
/*padding top spacing css start*/
.paddingT2 {
  padding-top: 2px !important;
}

.paddingT4 {
  padding-top: 4px !important;
}

.paddingT5 {
  padding-top: 5px !important;
}

.paddingT6 {
  padding-top: 6px !important;
}

.paddingT8 {
  padding-top: 8px !important;
}

.paddingT10 {
  padding-top: 10px !important;
}

.paddingT12 {
  padding-top: 12px !important;
}

.paddingT14 {
  padding-top: 14px !important;
}

.paddingT16 {
  padding-top: 16px !important;
}

.paddingT18 {
  padding-top: 18px !important;
}

.paddingT20 {
  padding-top: 20px !important;
}

.paddingT22 {
  padding-top: 22px !important;
}

.paddingT24 {
  padding-top: 24px !important;
}

.paddingT26 {
  padding-top: 26px !important;
}

.paddingT28 {
  padding-top: 28px !important;
}

.paddingT30 {
  padding-top: 30px !important;
}

.paddingT32 {
  padding-top: 32px !important;
}

.paddingT34 {
  padding-top: 34px !important;
}

.paddingT36 {
  padding-top: 36px !important;
}

.paddingT38 {
  padding-top: 38px !important;
}

.paddingT40 {
  padding-top: 40px !important;
}

.paddingT42 {
  padding-top: 42px !important;
}

.paddingT44 {
  padding-top: 44px !important;
}

.paddingT46 {
  padding-top: 46px !important;
}

.paddingT48 {
  padding-top: 48px !important;
}

.paddingT50 {
  padding-top: 50px !important;
}

.paddingT52 {
  padding-top: 52px !important;
}

.paddingT54 {
  padding-top: 54px !important;
}

.paddingT56 {
  padding-top: 56px !important;
}

.paddingT58 {
  padding-top: 58px !important;
}

.paddingT60 {
  padding-top: 60px !important;
}

.paddingT62 {
  padding-top: 62px !important;
}

.paddingT64 {
  padding-top: 64px !important;
}

/*padding top spacing css end*/
/*padding bottom spacing css start*/
.paddingB2 {
  padding-bottom: 2px !important;
}

.paddingB4 {
  padding-bottom: 4px !important;
}

.paddingB5 {
  padding-bottom: 5px !important;
}

.paddingB6 {
  padding-bottom: 6px !important;
}

.paddingB8 {
  padding-bottom: 8px !important;
}

.paddingB10 {
  padding-bottom: 10px !important;
}

.paddingB12 {
  padding-bottom: 12px !important;
}

.paddingB14 {
  padding-bottom: 14px !important;
}

.paddingB16 {
  padding-bottom: 16px !important;
}

.paddingB18 {
  padding-bottom: 18px !important;
}

.paddingB20 {
  padding-bottom: 20px !important;
}

.paddingB22 {
  padding-bottom: 22px !important;
}

.paddingB24 {
  padding-bottom: 24px !important;
}

.paddingB26 {
  padding-bottom: 26px !important;
}

.paddingB28 {
  padding-bottom: 28px !important;
}

.paddingB30 {
  padding-bottom: 30px !important;
}

.paddingB32 {
  padding-bottom: 32px !important;
}

.paddingB34 {
  padding-bottom: 34px !important;
}

.paddingB36 {
  padding-bottom: 36px !important;
}

.paddingB38 {
  padding-bottom: 38px !important;
}

.paddingB40 {
  padding-bottom: 40px !important;
}

.paddingB42 {
  padding-bottom: 42px !important;
}

.paddingB44 {
  padding-bottom: 44px !important;
}

.paddingB46 {
  padding-bottom: 46px !important;
}

.paddingB48 {
  padding-bottom: 48px !important;
}

.paddingB50 {
  padding-bottom: 50px !important;
}

.paddingB52 {
  padding-bottom: 52px !important;
}

.paddingB54 {
  padding-bottom: 54px !important;
}

.paddingB56 {
  padding-bottom: 56px !important;
}

.paddingB58 {
  padding-bottom: 58px !important;
}

.paddingB60 {
  padding-bottom: 60px !important;
}

.paddingB62 {
  padding-bottom: 62px !important;
}

.paddingB64 {
  padding-bottom: 64px !important;
}

/*padding bottom spacing css end*/
/*padding left spacing css start*/
.paddingL2 {
  padding-left: 2px !important;
}

.paddingL4 {
  padding-left: 4px !important;
}

.paddingL5 {
  padding-left: 5px !important;
}

.paddingL6 {
  padding-left: 6px !important;
}

.paddingL8 {
  padding-left: 8px !important;
}

.paddingL10 {
  padding-left: 10px !important;
}

.paddingL12 {
  padding-left: 12px !important;
}

.paddingL14 {
  padding-left: 14px !important;
}

.paddingL16 {
  padding-left: 16px !important;
}

.paddingL18 {
  padding-left: 18px !important;
}

.paddingL20 {
  padding-left: 20px !important;
}

.paddingL22 {
  padding-left: 22px !important;
}

.paddingL24 {
  padding-left: 24px !important;
}

.paddingL26 {
  padding-left: 26px !important;
}

.paddingL28 {
  padding-left: 28px !important;
}

.paddingL30 {
  padding-left: 30px !important;
}

.paddingL32 {
  padding-left: 32px !important;
}

.paddingL34 {
  padding-left: 34px !important;
}

.paddingL36 {
  padding-left: 36px !important;
}

.paddingL38 {
  padding-left: 38px !important;
}

.paddingL40 {
  padding-left: 40px !important;
}

.paddingL42 {
  padding-left: 42px !important;
}

.paddingL44 {
  padding-left: 44px !important;
}

.paddingL46 {
  padding-left: 46px !important;
}

.paddingL48 {
  padding-left: 48px !important;
}

.paddingL50 {
  padding-left: 50px !important;
}

.paddingL52 {
  padding-left: 52px !important;
}

.paddingL54 {
  padding-left: 54px !important;
}

.paddingL56 {
  padding-left: 56px !important;
}

.paddingL58 {
  padding-left: 58px !important;
}

.paddingL60 {
  padding-left: 60px !important;
}

.paddingL62 {
  padding-left: 62px !important;
}

.paddingL64 {
  padding-left: 64px !important;
}

/*padding left spacing css end*/
/*padding right spacing css start*/
.paddingR2 {
  padding-right: 2px !important;
}

.paddingR4 {
  padding-right: 4px !important;
}

.paddingR5 {
  padding-right: 5px !important;
}

.paddingR6 {
  padding-right: 6px !important;
}

.paddingR8 {
  padding-right: 8px !important;
}

.paddingR10 {
  padding-right: 10px !important;
}

.paddingR12 {
  padding-right: 12px !important;
}

.paddingR14 {
  padding-right: 14px !important;
}

.paddingR16 {
  padding-right: 16px !important;
}

.paddingR18 {
  padding-right: 18px !important;
}

.paddingR20 {
  padding-right: 20px !important;
}

.paddingR22 {
  padding-right: 22px !important;
}

.paddingR24 {
  padding-right: 24px !important;
}

.paddingR26 {
  padding-right: 26px !important;
}

.paddingR28 {
  padding-right: 28px !important;
}

.paddingR30 {
  padding-right: 30px !important;
}

.paddingR32 {
  padding-right: 32px !important;
}

.paddingR34 {
  padding-right: 34px !important;
}

.paddingR36 {
  padding-right: 36px !important;
}

.paddingR38 {
  padding-right: 38px !important;
}

.paddingR40 {
  padding-right: 40px !important;
}

.paddingR42 {
  padding-right: 42px !important;
}

.paddingR44 {
  padding-right: 44px !important;
}

.paddingR46 {
  padding-right: 46px !important;
}

.paddingR48 {
  padding-right: 48px !important;
}

.paddingR50 {
  padding-right: 50px !important;
}

.paddingR52 {
  padding-right: 52px !important;
}

.paddingR54 {
  padding-right: 54px !important;
}

.paddingR56 {
  padding-right: 56px !important;
}

.paddingR58 {
  padding-right: 58px !important;
}

.paddingR60 {
  padding-right: 60px !important;
}

.paddingR62 {
  padding-right: 62px !important;
}

.paddingR64 {
  padding-right: 64px !important;
}

/*padding right spacing css end*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

button,
a,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  border: none;
  outline: none;
}
button:focus,
a:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*check box css start*/
.check-box {
  display: block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 20px;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #8181a6;
}
.check-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.check-box .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  background: transparent;
  border: 1px solid #e3e3e9;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.check-box input:checked ~ .checkmark {
  background-color: #0045ff;
  border-color: #0045ff;
}
.check-box .checkmark:after {
  content: "";
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 4px;
  top: 0px;
  width: 0;
  height: 0;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.check-box input:checked ~ .checkmark:after {
  visibility: visible;
  opacity: 1;
  width: 6px;
  height: 10px;
}

/*check box css end*/
/*radio button css start*/
.radio-btn {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: -0.48px;
  color: #8181a6;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radio-btn .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fcfdfe;
  border-radius: 50%;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border: 1px solid #e9eef3;
  -webkit-box-shadow: inset 0px 1px 2px #ebf0f8;
  box-shadow: inset 0px 1px 2px #ebf0f8;
}
.radio-btn input:checked ~ .checkmark {
  background-color: #ffffff;
  border-color: #0045ff;
}
.radio-btn .checkmark:after {
  content: "";
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #0045ff;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.radio-btn input:checked ~ .checkmark:after {
  visibility: visible;
  opacity: 1;
  width: 12px;
  height: 12px;
}

.radio-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.radio-grp .radio-btn {
  margin-right: 56px;
  margin-bottom: 32px;
}
@media (max-width: 575px) {
  .radio-grp .radio-btn {
    margin-bottom: 16px;
  }
}

/*radio button css end*/
/*example{ @include bg}*/
/*example{ @include transition(all 0.25s ease)}*/
.bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-icon {
  background-position: center;
  background-repeat: no-repeat;
}

.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.lines-overflow {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*.bg{ @extend .bg; }*/
.btn {
  border-radius: 6px;
  height: 40px;
  letter-spacing: -0.01em;
  font-weight: 700;
  font-size: 15px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn:active,
.btn:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn.btn-primary {
  background-color: #0045ff;
  border: none;
  color: #ffffff;
  padding: 0 26px;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
}
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
  background-color: #083fd2 !important;
}
.btn.btn-primary .plus-icon {
  width: 24px;
  height: 24px;
  background: url(/assets/images/plus-white-icon.svg) no-repeat center;
  display: block;
  margin-right: 3px;
}
.btn.btn-primary.d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btn.btn-primary-2 {
  background-color: #0045ff;
  border: none;
  color: #ffffff;
  padding: 0 13px;
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 2px;
}
.btn.btn-primary-2:active,
.btn.btn-primary-2:focus,
.btn.btn-primary-2:hover {
  background-color: #083fd2 !important;
}
.btn.btn-secondary {
  background-color: #ffffff;
  border: 1px solid #9494ab;
  color: #9494ab;
  padding: 0 32px;
  line-height: 38px;
}
.btn.btn-secondary:active,
.btn.btn-secondary:focus,
.btn.btn-secondary:hover {
  background-color: #edf2ff !important;
  color: #18182b !important;
}
.btn.btn-outline-primary {
  border-color: #0045ff;
  color: #0045ff;
  line-height: 38px;
  padding: 0 24px;
}
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary:focus {
  color: #ffffff;
  background: #0045ff !important;
}
.btn.btn-outline-primary-3 {
  border: 1px solid #e1e1ed;
  color: #0045ff;
  line-height: 38px;
  height: 40px;
  padding: 0 24px;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 24px;
}
.btn.btn-outline-primary-3:hover,
.btn.btn-outline-primary-3:active,
.btn.btn-outline-primary-3:focus {
  color: #ffffff;
  background: #0045ff !important;
}
.btn.btn-outline-primary-2 {
  background: #ffffff;
  border: 1px solid #e1e1ed;
  -webkit-box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08);
  box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08);
  border-radius: 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2f5df2;
  font-weight: 700;
  font-size: 13px;
  height: 32px;
  line-height: 30px;
  padding: 0 9px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  white-space: nowrap;
  overflow: hidden;
}
.btn.btn-outline-primary-2:hover {
  background: #edf2ff;
}
.btn.btn-outline-primary-2 .edit-icon {
  width: 20px;
  height: 20px;
  background: url(/assets/images/edit-blue-icon.svg) no-repeat center;
  display: block;
  margin-right: 8px;
  margin-top: -3px;
}
.btn.btn-outline-primary-2 .cal-icon {
  width: 20px;
  height: 20px;
  background: url(/assets/images/cal-blue-icon-2.svg) no-repeat center;
  display: block;
  margin-right: 8px;
  margin-top: -3px;
}

button,
input[type="button"] {
  background-color: transparent;
}

button:hover,
input[type="button"]:hover,
a:hover,
.btn-link:hover {
  color: #0045ff;
}

.form-group label {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #8181a6;
  margin-bottom: 3px;
}

.form-group .form-control {
  background: #fcfdfe;
  border: 1px solid #e9eef3;
  -webkit-box-shadow: inset 0px 1px 2px #ebf0f8;
  box-shadow: inset 0px 1px 2px #ebf0f8;
  border-radius: 6px;
  height: 38px;
  padding: 0 12px;
  color: #151518;
  letter-spacing: -0.48px;
  font-weight: 400;
  font-size: 16px;
}
.form-group .form-control.textarea {
  height: 90px;
  resize: none;
  padding: 12px;
}
.form-group .form-control:focus {
  border-color: #0045ff;
}
.form-group .form-control::-webkit-input-placeholder {
  color: #9494ab;
}
.form-group .form-control:-ms-input-placeholder {
  color: #9494ab;
}
.form-group .form-control::-ms-input-placeholder {
  color: #9494ab;
}
.form-group .form-control::placeholder {
  color: #9494ab;
}
.form-group .form-control.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/assets/images/select-arrow-icon.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  padding-right: 32px;
}
.form-group .form-control.select::-ms-expand {
  display: none;
}
.form-group .form-control.cal-icon-2 {
  background-image: url(/assets/images/cal-icon-2.svg);
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  padding-right: 42px;
}
.form-group .form-control.clock-icon {
  background-image: url(/assets/images/clock-icon.svg);
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  padding-right: 42px;
}

.chat-select-bx {
  float: right;
}
.chat-select-bx .custom-select {
  background-color: #ffffff;
  background-image: url(/assets/images/angle-arrow-double.svg);
  background-position: calc(100% - 12px) center;
  background-repeat: no-repeat;
  border: 1px solid #e1e1ed;
  -webkit-box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08) !important;
  box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08) !important;
  border-radius: 2px;
  width: 104px;
  font-weight: 700;
  font-size: 13px;
  color: #0045ff;
  text-align: left;
  padding: 0 8px;
}
@media (max-width: 1440px) {
  .chat-select-bx .custom-select {
    width: auto;
    padding: 0 16px 0 6px;
    font-size: 12px;
    background-position: calc(100% - 8px) center;
  }
}
.chat-select-bx .custom-select:focus {
  -webkit-box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08) !important;
  box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08) !important;
  outline: none !important;
}

.building-blk {
  padding: 16px;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-right: 12px;
  padding-left: 12px;
}
@media (max-width: 1440px) {
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    padding-right: 8px;
    padding-left: 8px;
  }
}

.row {
  margin-right: -12px;
  margin-left: -12px;
}
@media (max-width: 1440px) {
  .row {
    margin-right: -8px;
    margin-left: -8px;
  }
}

.three-dots .dropdown-toggle {
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.three-dots .dropdown-toggle::after {
  display: none;
}
.three-dots .dropdown-toggle .dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #6e7c92;
  display: block;
  margin-bottom: 2px;
}
.three-dots .dropdown-toggle .dot:last-child {
  margin-bottom: 0;
}

.three-dots.show .dropdown-toggle {
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
  background: #ffffff;
}
.three-dots.show .dropdown-toggle:focus,
.three-dots.show .dropdown-toggle:active {
  outline: none !important;
  border: 1px solid rgba(209, 216, 227, 0.48) !important;
}

.dropdown .dropdown-menu {
  background: #ffffff;
  border-radius: 6px;
  padding: 12px 0;
  min-width: 182px;
  border: 1px solid #eeeef4;
  -webkit-box-shadow: 0px 13px 21px rgba(21, 21, 74, 0.07),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  box-shadow: 0px 13px 21px rgba(21, 21, 74, 0.07),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  border-radius: 6px;
}
.dropdown .dropdown-menu .dropdown-item {
  font-size: 14px;
  letter-spacing: -0.0048em;
  color: #797994;
  cursor: pointer;
  padding: 5px 20px;
}
.dropdown .dropdown-menu .dropdown-item:focus,
.dropdown .dropdown-menu .dropdown-item:active,
.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #edf2ff !important;
}

.action-btns .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  top: 40px !important;
}
.action-btns .dropdown-menu ul .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  font-size: 14px;
  letter-spacing: -0.0048em;
  color: #797994;
  cursor: pointer;
}
.action-btns .dropdown-menu ul .dropdown-item:last-child {
  margin-bottom: 0;
}
.action-btns .dropdown-menu ul .dropdown-item .icon-5 {
  margin-right: 8px;
}

.breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-top: 6px;
}
.breadcrumb .breadcrumb-item {
  font-size: 14px;
  letter-spacing: -0.0048em;
  color: #9494ab;
}
.breadcrumb .breadcrumb-item a {
  color: #2c2c44;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.breadcrumb .breadcrumb-item a:hover {
  color: #0045ff;
  text-decoration: none;
}

.pagination {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 24px;
}
.pagination .page-item {
  margin: 0 5px;
}
.pagination .page-item.active .page-link {
  background-color: transparent;
  font-weight: 700;
  color: #0045ff;
}
.pagination .page-item .page-link {
  border: none;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #8181a6;
  border: 1px solid #dddfe4;
  border-radius: 4px;
}
.pagination .page-item .page-link:hover {
  background-color: transparent;
  color: #0045ff;
}
.pagination .page-item .page-link:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #0045ff;
}

.btn-more {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: -0.0048em;
  color: #0045ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btn-more:hover {
  text-decoration: none;
}
.btn-more:hover .angle-arrow-right {
  -webkit-transform: translateX(2px);
  -ms-transform: translateX(2px);
  transform: translateX(2px);
}
.btn-more .angle-arrow-right {
  width: 12px;
  height: 10px;
  background: url(/assets/images/angle-arrow-right-icon.svg) no-repeat center;
  display: block;
  background-size: contain;
  margin-left: 4px;
  margin-top: -2px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.circle-progressbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-dropdown {
  position: relative;
  /* z-index: 5; */
}
.custom-dropdown .dropdown .dropdown-toggle {
  background: #ffffff;
  border: 1px solid #e1e1ed;
  -webkit-box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08);
  box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08);
  border-radius: 2px;
  font-weight: 700;
  font-size: 13px;
  color: #2f5df2;
  min-width: 104px;
  height: 32px;
  padding: 0 8px;
}
@media (max-width: 1366px) {
  .custom-dropdown .dropdown .dropdown-toggle {
    min-width: unset;
  }
}
.custom-dropdown .dropdown .dropdown-toggle::after {
  content: "";
  border: none;
  background: url(/assets/images/angle-arrow-double.svg) no-repeat;
  width: 6px;
  height: 12px;
  position: relative;
  top: 5px;
}
.custom-dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  top: 32px !important;
}
.custom-dropdown .dropdown-menu ul {
  list-style-type: none;
}
.custom-dropdown .dropdown-menu ul .dropdown-item {
  border-left: solid 2px transparent;
}
.custom-dropdown .dropdown-menu ul .dropdown-item.active {
  color: #0045ff;
  border-color: #0045ff;
  background: #ecf1ff;
}
.custom-dropdown .dropdown-menu .btn-grp {
  padding: 0 20px;
  margin: 8px 0;
}

.btn-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.btn-grp .btn {
  color: #ffffff;
  min-width: 80px;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
}
.btn-grp .btn.btn-apply {
  background: #0045ff;
  margin-left: 6px;
}
.btn-grp .btn.btn-apply:active,
.btn-grp .btn.btn-apply:focus,
.btn-grp .btn.btn-apply:hover {
  background-color: #0d49ec !important;
}
.btn-grp .btn.btn-cancel {
  background: #ffffff;
  border: 1px solid #dddfe4;
  color: #8181a6;
  margin-right: 6px;
}
.btn-grp .btn.btn-cancel:hover {
  background: #edf2ff;
}

.btn-link-2 {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #0045ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-link-2 .arrow-right {
  width: 20px;
  height: 10px;
  display: block;
  background: url(/assets/images/arrow-right.svg);
  margin-left: 6px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-link-2:hover {
  text-decoration: none;
}
.btn-link-2:hover .arrow-right {
  -webkit-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
}

.select-box-2 .select {
  background: #ffffff;
  border: 1px solid #e1e1ed;
  -webkit-box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08);
  box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08);
  border-radius: 2px;
  height: 32px;
  color: #2f5df2;
  font-weight: 700;
  font-size: 13px;
}

.circle-progressbar .progress {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}
.circle-progressbar .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid #c7c7d7;
  position: absolute;
  top: 0;
  left: 0;
}
.circle-progressbar .progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.circle-progressbar .progress .progress-left {
  left: 0;
}
.circle-progressbar .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 5px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #0045ff;
}
.circle-progressbar .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-left: 0;
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left;
}
.circle-progressbar .progress .progress-right {
  right: 0;
}
.circle-progressbar .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  border-right: 0;
  -webkit-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}
.circle-progressbar .progress .progress-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  font-size: 1rem;
  text-align: center;
  line-height: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-weight: 300;
}
.circle-progressbar .progress .progress-value span {
  font-size: 12px;
  text-transform: uppercase;
}

/* This for loop creates the necessary css animation names
Due to the split circle of progress-left and progress right, we must use the animations on each side.
*/
.progress[data-percentage="1"] .progress-right .progress-bar {
  -webkit-animation: loading-1 0.5s linear forwards;
  animation: loading-1 0.5s linear forwards;
}

.progress[data-percentage="1"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="2"] .progress-right .progress-bar {
  -webkit-animation: loading-2 0.5s linear forwards;
  animation: loading-2 0.5s linear forwards;
}

.progress[data-percentage="2"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="3"] .progress-right .progress-bar {
  -webkit-animation: loading-3 0.5s linear forwards;
  animation: loading-3 0.5s linear forwards;
}

.progress[data-percentage="3"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="4"] .progress-right .progress-bar {
  -webkit-animation: loading-4 0.5s linear forwards;
  animation: loading-4 0.5s linear forwards;
}

.progress[data-percentage="4"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="5"] .progress-right .progress-bar {
  -webkit-animation: loading-5 0.5s linear forwards;
  animation: loading-5 0.5s linear forwards;
}

.progress[data-percentage="5"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="6"] .progress-right .progress-bar {
  -webkit-animation: loading-6 0.5s linear forwards;
  animation: loading-6 0.5s linear forwards;
}

.progress[data-percentage="6"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="7"] .progress-right .progress-bar {
  -webkit-animation: loading-7 0.5s linear forwards;
  animation: loading-7 0.5s linear forwards;
}

.progress[data-percentage="7"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="8"] .progress-right .progress-bar {
  -webkit-animation: loading-8 0.5s linear forwards;
  animation: loading-8 0.5s linear forwards;
}

.progress[data-percentage="8"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="9"] .progress-right .progress-bar {
  -webkit-animation: loading-9 0.5s linear forwards;
  animation: loading-9 0.5s linear forwards;
}

.progress[data-percentage="9"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="10"] .progress-right .progress-bar {
  -webkit-animation: loading-10 0.5s linear forwards;
  animation: loading-10 0.5s linear forwards;
}

.progress[data-percentage="10"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="11"] .progress-right .progress-bar {
  -webkit-animation: loading-11 0.5s linear forwards;
  animation: loading-11 0.5s linear forwards;
}

.progress[data-percentage="11"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="12"] .progress-right .progress-bar {
  -webkit-animation: loading-12 0.5s linear forwards;
  animation: loading-12 0.5s linear forwards;
}

.progress[data-percentage="12"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="13"] .progress-right .progress-bar {
  -webkit-animation: loading-13 0.5s linear forwards;
  animation: loading-13 0.5s linear forwards;
}

.progress[data-percentage="13"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="14"] .progress-right .progress-bar {
  -webkit-animation: loading-14 0.5s linear forwards;
  animation: loading-14 0.5s linear forwards;
}

.progress[data-percentage="14"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="15"] .progress-right .progress-bar {
  -webkit-animation: loading-15 0.5s linear forwards;
  animation: loading-15 0.5s linear forwards;
}

.progress[data-percentage="15"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="16"] .progress-right .progress-bar {
  -webkit-animation: loading-16 0.5s linear forwards;
  animation: loading-16 0.5s linear forwards;
}

.progress[data-percentage="16"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="17"] .progress-right .progress-bar {
  -webkit-animation: loading-17 0.5s linear forwards;
  animation: loading-17 0.5s linear forwards;
}

.progress[data-percentage="17"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="18"] .progress-right .progress-bar {
  -webkit-animation: loading-18 0.5s linear forwards;
  animation: loading-18 0.5s linear forwards;
}

.progress[data-percentage="18"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="19"] .progress-right .progress-bar {
  -webkit-animation: loading-19 0.5s linear forwards;
  animation: loading-19 0.5s linear forwards;
}

.progress[data-percentage="19"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="20"] .progress-right .progress-bar {
  -webkit-animation: loading-20 0.5s linear forwards;
  animation: loading-20 0.5s linear forwards;
}

.progress[data-percentage="20"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="21"] .progress-right .progress-bar {
  -webkit-animation: loading-21 0.5s linear forwards;
  animation: loading-21 0.5s linear forwards;
}

.progress[data-percentage="21"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="22"] .progress-right .progress-bar {
  -webkit-animation: loading-22 0.5s linear forwards;
  animation: loading-22 0.5s linear forwards;
}

.progress[data-percentage="22"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="23"] .progress-right .progress-bar {
  -webkit-animation: loading-23 0.5s linear forwards;
  animation: loading-23 0.5s linear forwards;
}

.progress[data-percentage="23"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="24"] .progress-right .progress-bar {
  -webkit-animation: loading-24 0.5s linear forwards;
  animation: loading-24 0.5s linear forwards;
}

.progress[data-percentage="24"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="25"] .progress-right .progress-bar {
  -webkit-animation: loading-25 0.5s linear forwards;
  animation: loading-25 0.5s linear forwards;
}

.progress[data-percentage="25"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="26"] .progress-right .progress-bar {
  -webkit-animation: loading-26 0.5s linear forwards;
  animation: loading-26 0.5s linear forwards;
}

.progress[data-percentage="26"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="27"] .progress-right .progress-bar {
  -webkit-animation: loading-27 0.5s linear forwards;
  animation: loading-27 0.5s linear forwards;
}

.progress[data-percentage="27"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="28"] .progress-right .progress-bar {
  -webkit-animation: loading-28 0.5s linear forwards;
  animation: loading-28 0.5s linear forwards;
}

.progress[data-percentage="28"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="29"] .progress-right .progress-bar {
  -webkit-animation: loading-29 0.5s linear forwards;
  animation: loading-29 0.5s linear forwards;
}

.progress[data-percentage="29"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="30"] .progress-right .progress-bar {
  -webkit-animation: loading-30 0.5s linear forwards;
  animation: loading-30 0.5s linear forwards;
}

.progress[data-percentage="30"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="31"] .progress-right .progress-bar {
  -webkit-animation: loading-31 0.5s linear forwards;
  animation: loading-31 0.5s linear forwards;
}

.progress[data-percentage="31"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="32"] .progress-right .progress-bar {
  -webkit-animation: loading-32 0.5s linear forwards;
  animation: loading-32 0.5s linear forwards;
}

.progress[data-percentage="32"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="33"] .progress-right .progress-bar {
  -webkit-animation: loading-33 0.5s linear forwards;
  animation: loading-33 0.5s linear forwards;
}

.progress[data-percentage="33"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="34"] .progress-right .progress-bar {
  -webkit-animation: loading-34 0.5s linear forwards;
  animation: loading-34 0.5s linear forwards;
}

.progress[data-percentage="34"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="35"] .progress-right .progress-bar {
  -webkit-animation: loading-35 0.5s linear forwards;
  animation: loading-35 0.5s linear forwards;
}

.progress[data-percentage="35"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="36"] .progress-right .progress-bar {
  -webkit-animation: loading-36 0.5s linear forwards;
  animation: loading-36 0.5s linear forwards;
}

.progress[data-percentage="36"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="37"] .progress-right .progress-bar {
  -webkit-animation: loading-37 0.5s linear forwards;
  animation: loading-37 0.5s linear forwards;
}

.progress[data-percentage="37"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="38"] .progress-right .progress-bar {
  -webkit-animation: loading-38 0.5s linear forwards;
  animation: loading-38 0.5s linear forwards;
}

.progress[data-percentage="38"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="39"] .progress-right .progress-bar {
  -webkit-animation: loading-39 0.5s linear forwards;
  animation: loading-39 0.5s linear forwards;
}

.progress[data-percentage="39"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="40"] .progress-right .progress-bar {
  -webkit-animation: loading-40 0.5s linear forwards;
  animation: loading-40 0.5s linear forwards;
}

.progress[data-percentage="40"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="41"] .progress-right .progress-bar {
  -webkit-animation: loading-41 0.5s linear forwards;
  animation: loading-41 0.5s linear forwards;
}

.progress[data-percentage="41"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="42"] .progress-right .progress-bar {
  -webkit-animation: loading-42 0.5s linear forwards;
  animation: loading-42 0.5s linear forwards;
}

.progress[data-percentage="42"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="43"] .progress-right .progress-bar {
  -webkit-animation: loading-43 0.5s linear forwards;
  animation: loading-43 0.5s linear forwards;
}

.progress[data-percentage="43"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="44"] .progress-right .progress-bar {
  -webkit-animation: loading-44 0.5s linear forwards;
  animation: loading-44 0.5s linear forwards;
}

.progress[data-percentage="44"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="45"] .progress-right .progress-bar {
  -webkit-animation: loading-45 0.5s linear forwards;
  animation: loading-45 0.5s linear forwards;
}

.progress[data-percentage="45"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="46"] .progress-right .progress-bar {
  -webkit-animation: loading-46 0.5s linear forwards;
  animation: loading-46 0.5s linear forwards;
}

.progress[data-percentage="46"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="47"] .progress-right .progress-bar {
  -webkit-animation: loading-47 0.5s linear forwards;
  animation: loading-47 0.5s linear forwards;
}

.progress[data-percentage="47"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="48"] .progress-right .progress-bar {
  -webkit-animation: loading-48 0.5s linear forwards;
  animation: loading-48 0.5s linear forwards;
}

.progress[data-percentage="48"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="49"] .progress-right .progress-bar {
  -webkit-animation: loading-49 0.5s linear forwards;
  animation: loading-49 0.5s linear forwards;
}

.progress[data-percentage="49"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="50"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="50"] .progress-left .progress-bar {
  -webkit-animation: 0;
  animation: 0;
}

.progress[data-percentage="51"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="51"] .progress-left .progress-bar {
  -webkit-animation: loading-1 0.5s linear forwards 0.5s;
  animation: loading-1 0.5s linear forwards 0.5s;
}

.progress[data-percentage="52"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="52"] .progress-left .progress-bar {
  -webkit-animation: loading-2 0.5s linear forwards 0.5s;
  animation: loading-2 0.5s linear forwards 0.5s;
}

.progress[data-percentage="53"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="53"] .progress-left .progress-bar {
  -webkit-animation: loading-3 0.5s linear forwards 0.5s;
  animation: loading-3 0.5s linear forwards 0.5s;
}

.progress[data-percentage="54"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="54"] .progress-left .progress-bar {
  -webkit-animation: loading-4 0.5s linear forwards 0.5s;
  animation: loading-4 0.5s linear forwards 0.5s;
}

.progress[data-percentage="55"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="55"] .progress-left .progress-bar {
  -webkit-animation: loading-5 0.5s linear forwards 0.5s;
  animation: loading-5 0.5s linear forwards 0.5s;
}

.progress[data-percentage="56"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="56"] .progress-left .progress-bar {
  -webkit-animation: loading-6 0.5s linear forwards 0.5s;
  animation: loading-6 0.5s linear forwards 0.5s;
}

.progress[data-percentage="57"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="57"] .progress-left .progress-bar {
  -webkit-animation: loading-7 0.5s linear forwards 0.5s;
  animation: loading-7 0.5s linear forwards 0.5s;
}

.progress[data-percentage="58"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="58"] .progress-left .progress-bar {
  -webkit-animation: loading-8 0.5s linear forwards 0.5s;
  animation: loading-8 0.5s linear forwards 0.5s;
}

.progress[data-percentage="59"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="59"] .progress-left .progress-bar {
  -webkit-animation: loading-9 0.5s linear forwards 0.5s;
  animation: loading-9 0.5s linear forwards 0.5s;
}

.progress[data-percentage="60"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="60"] .progress-left .progress-bar {
  -webkit-animation: loading-10 0.5s linear forwards 0.5s;
  animation: loading-10 0.5s linear forwards 0.5s;
}

.progress[data-percentage="61"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="61"] .progress-left .progress-bar {
  -webkit-animation: loading-11 0.5s linear forwards 0.5s;
  animation: loading-11 0.5s linear forwards 0.5s;
}

.progress[data-percentage="62"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="62"] .progress-left .progress-bar {
  -webkit-animation: loading-12 0.5s linear forwards 0.5s;
  animation: loading-12 0.5s linear forwards 0.5s;
}

.progress[data-percentage="63"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="63"] .progress-left .progress-bar {
  -webkit-animation: loading-13 0.5s linear forwards 0.5s;
  animation: loading-13 0.5s linear forwards 0.5s;
}

.progress[data-percentage="64"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="64"] .progress-left .progress-bar {
  -webkit-animation: loading-14 0.5s linear forwards 0.5s;
  animation: loading-14 0.5s linear forwards 0.5s;
}

.progress[data-percentage="65"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="65"] .progress-left .progress-bar {
  -webkit-animation: loading-15 0.5s linear forwards 0.5s;
  animation: loading-15 0.5s linear forwards 0.5s;
}

.progress[data-percentage="66"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="66"] .progress-left .progress-bar {
  -webkit-animation: loading-16 0.5s linear forwards 0.5s;
  animation: loading-16 0.5s linear forwards 0.5s;
}

.progress[data-percentage="67"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="67"] .progress-left .progress-bar {
  -webkit-animation: loading-17 0.5s linear forwards 0.5s;
  animation: loading-17 0.5s linear forwards 0.5s;
}

.progress[data-percentage="68"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="68"] .progress-left .progress-bar {
  -webkit-animation: loading-18 0.5s linear forwards 0.5s;
  animation: loading-18 0.5s linear forwards 0.5s;
}

.progress[data-percentage="69"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="69"] .progress-left .progress-bar {
  -webkit-animation: loading-19 0.5s linear forwards 0.5s;
  animation: loading-19 0.5s linear forwards 0.5s;
}

.progress[data-percentage="70"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="70"] .progress-left .progress-bar {
  -webkit-animation: loading-20 0.5s linear forwards 0.5s;
  animation: loading-20 0.5s linear forwards 0.5s;
}

.progress[data-percentage="71"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="71"] .progress-left .progress-bar {
  -webkit-animation: loading-21 0.5s linear forwards 0.5s;
  animation: loading-21 0.5s linear forwards 0.5s;
}

.progress[data-percentage="72"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="72"] .progress-left .progress-bar {
  -webkit-animation: loading-22 0.5s linear forwards 0.5s;
  animation: loading-22 0.5s linear forwards 0.5s;
}

.progress[data-percentage="73"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="73"] .progress-left .progress-bar {
  -webkit-animation: loading-23 0.5s linear forwards 0.5s;
  animation: loading-23 0.5s linear forwards 0.5s;
}

.progress[data-percentage="74"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="74"] .progress-left .progress-bar {
  -webkit-animation: loading-24 0.5s linear forwards 0.5s;
  animation: loading-24 0.5s linear forwards 0.5s;
}

.progress[data-percentage="75"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="75"] .progress-left .progress-bar {
  -webkit-animation: loading-25 0.5s linear forwards 0.5s;
  animation: loading-25 0.5s linear forwards 0.5s;
}

.progress[data-percentage="76"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="76"] .progress-left .progress-bar {
  -webkit-animation: loading-26 0.5s linear forwards 0.5s;
  animation: loading-26 0.5s linear forwards 0.5s;
}

.progress[data-percentage="77"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="77"] .progress-left .progress-bar {
  -webkit-animation: loading-27 0.5s linear forwards 0.5s;
  animation: loading-27 0.5s linear forwards 0.5s;
}

.progress[data-percentage="78"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="78"] .progress-left .progress-bar {
  -webkit-animation: loading-28 0.5s linear forwards 0.5s;
  animation: loading-28 0.5s linear forwards 0.5s;
}

.progress[data-percentage="79"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="79"] .progress-left .progress-bar {
  -webkit-animation: loading-29 0.5s linear forwards 0.5s;
  animation: loading-29 0.5s linear forwards 0.5s;
}

.progress[data-percentage="80"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="80"] .progress-left .progress-bar {
  -webkit-animation: loading-30 0.5s linear forwards 0.5s;
  animation: loading-30 0.5s linear forwards 0.5s;
}

.progress[data-percentage="81"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="81"] .progress-left .progress-bar {
  -webkit-animation: loading-31 0.5s linear forwards 0.5s;
  animation: loading-31 0.5s linear forwards 0.5s;
}

.progress[data-percentage="82"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="82"] .progress-left .progress-bar {
  -webkit-animation: loading-32 0.5s linear forwards 0.5s;
  animation: loading-32 0.5s linear forwards 0.5s;
}

.progress[data-percentage="83"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="83"] .progress-left .progress-bar {
  -webkit-animation: loading-33 0.5s linear forwards 0.5s;
  animation: loading-33 0.5s linear forwards 0.5s;
}

.progress[data-percentage="84"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="84"] .progress-left .progress-bar {
  -webkit-animation: loading-34 0.5s linear forwards 0.5s;
  animation: loading-34 0.5s linear forwards 0.5s;
}

.progress[data-percentage="85"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="85"] .progress-left .progress-bar {
  -webkit-animation: loading-35 0.5s linear forwards 0.5s;
  animation: loading-35 0.5s linear forwards 0.5s;
}

.progress[data-percentage="86"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="86"] .progress-left .progress-bar {
  -webkit-animation: loading-36 0.5s linear forwards 0.5s;
  animation: loading-36 0.5s linear forwards 0.5s;
}

.progress[data-percentage="87"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="87"] .progress-left .progress-bar {
  -webkit-animation: loading-37 0.5s linear forwards 0.5s;
  animation: loading-37 0.5s linear forwards 0.5s;
}

.progress[data-percentage="88"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="88"] .progress-left .progress-bar {
  -webkit-animation: loading-38 0.5s linear forwards 0.5s;
  animation: loading-38 0.5s linear forwards 0.5s;
}

.progress[data-percentage="89"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="89"] .progress-left .progress-bar {
  -webkit-animation: loading-39 0.5s linear forwards 0.5s;
  animation: loading-39 0.5s linear forwards 0.5s;
}

.progress[data-percentage="90"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="90"] .progress-left .progress-bar {
  -webkit-animation: loading-40 0.5s linear forwards 0.5s;
  animation: loading-40 0.5s linear forwards 0.5s;
}

.progress[data-percentage="91"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="91"] .progress-left .progress-bar {
  -webkit-animation: loading-41 0.5s linear forwards 0.5s;
  animation: loading-41 0.5s linear forwards 0.5s;
}

.progress[data-percentage="92"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="92"] .progress-left .progress-bar {
  -webkit-animation: loading-42 0.5s linear forwards 0.5s;
  animation: loading-42 0.5s linear forwards 0.5s;
}

.progress[data-percentage="93"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="93"] .progress-left .progress-bar {
  -webkit-animation: loading-43 0.5s linear forwards 0.5s;
  animation: loading-43 0.5s linear forwards 0.5s;
}

.progress[data-percentage="94"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="94"] .progress-left .progress-bar {
  -webkit-animation: loading-44 0.5s linear forwards 0.5s;
  animation: loading-44 0.5s linear forwards 0.5s;
}

.progress[data-percentage="95"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="95"] .progress-left .progress-bar {
  -webkit-animation: loading-45 0.5s linear forwards 0.5s;
  animation: loading-45 0.5s linear forwards 0.5s;
}

.progress[data-percentage="96"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="96"] .progress-left .progress-bar {
  -webkit-animation: loading-46 0.5s linear forwards 0.5s;
  animation: loading-46 0.5s linear forwards 0.5s;
}

.progress[data-percentage="97"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="97"] .progress-left .progress-bar {
  -webkit-animation: loading-47 0.5s linear forwards 0.5s;
  animation: loading-47 0.5s linear forwards 0.5s;
}

.progress[data-percentage="98"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="98"] .progress-left .progress-bar {
  -webkit-animation: loading-48 0.5s linear forwards 0.5s;
  animation: loading-48 0.5s linear forwards 0.5s;
}

.progress[data-percentage="99"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="99"] .progress-left .progress-bar {
  -webkit-animation: loading-49 0.5s linear forwards 0.5s;
  animation: loading-49 0.5s linear forwards 0.5s;
}

.progress[data-percentage="100"] .progress-right .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards;
  animation: loading-50 0.5s linear forwards;
}

.progress[data-percentage="100"] .progress-left .progress-bar {
  -webkit-animation: loading-50 0.5s linear forwards 0.5s;
  animation: loading-50 0.5s linear forwards 0.5s;
}

@-webkit-keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(3.6);
    transform: rotate(3.6deg);
  }
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(3.6);
    transform: rotate(3.6deg);
  }
}

@-webkit-keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(7.2);
    transform: rotate(7.2deg);
  }
}

@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(7.2);
    transform: rotate(7.2deg);
  }
}

@-webkit-keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10.8);
    transform: rotate(10.8deg);
  }
}

@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10.8);
    transform: rotate(10.8deg);
  }
}

@-webkit-keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(14.4);
    transform: rotate(14.4deg);
  }
}

@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(14.4);
    transform: rotate(14.4deg);
  }
}

@-webkit-keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(18);
    transform: rotate(18deg);
  }
}

@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(18);
    transform: rotate(18deg);
  }
}

@-webkit-keyframes loading-6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(21.6);
    transform: rotate(21.6deg);
  }
}

@keyframes loading-6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(21.6);
    transform: rotate(21.6deg);
  }
}

@-webkit-keyframes loading-7 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(25.2);
    transform: rotate(25.2deg);
  }
}

@keyframes loading-7 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(25.2);
    transform: rotate(25.2deg);
  }
}

@-webkit-keyframes loading-8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(28.8);
    transform: rotate(28.8deg);
  }
}

@keyframes loading-8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(28.8);
    transform: rotate(28.8deg);
  }
}

@-webkit-keyframes loading-9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(32.4);
    transform: rotate(32.4deg);
  }
}

@keyframes loading-9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(32.4);
    transform: rotate(32.4deg);
  }
}

@-webkit-keyframes loading-10 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}

@keyframes loading-10 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}

@-webkit-keyframes loading-11 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(39.6);
    transform: rotate(39.6deg);
  }
}

@keyframes loading-11 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(39.6);
    transform: rotate(39.6deg);
  }
}

@-webkit-keyframes loading-12 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(43.2);
    transform: rotate(43.2deg);
  }
}

@keyframes loading-12 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(43.2);
    transform: rotate(43.2deg);
  }
}

@-webkit-keyframes loading-13 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(46.8);
    transform: rotate(46.8deg);
  }
}

@keyframes loading-13 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(46.8);
    transform: rotate(46.8deg);
  }
}

@-webkit-keyframes loading-14 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(50.4);
    transform: rotate(50.4deg);
  }
}

@keyframes loading-14 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(50.4);
    transform: rotate(50.4deg);
  }
}

@-webkit-keyframes loading-15 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(54);
    transform: rotate(54deg);
  }
}

@keyframes loading-15 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(54);
    transform: rotate(54deg);
  }
}

@-webkit-keyframes loading-16 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(57.6);
    transform: rotate(57.6deg);
  }
}

@keyframes loading-16 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(57.6);
    transform: rotate(57.6deg);
  }
}

@-webkit-keyframes loading-17 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(61.2);
    transform: rotate(61.2deg);
  }
}

@keyframes loading-17 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(61.2);
    transform: rotate(61.2deg);
  }
}

@-webkit-keyframes loading-18 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(64.8);
    transform: rotate(64.8deg);
  }
}

@keyframes loading-18 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(64.8);
    transform: rotate(64.8deg);
  }
}

@-webkit-keyframes loading-19 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(68.4);
    transform: rotate(68.4deg);
  }
}

@keyframes loading-19 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(68.4);
    transform: rotate(68.4deg);
  }
}

@-webkit-keyframes loading-20 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}

@keyframes loading-20 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}

@-webkit-keyframes loading-21 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(75.6);
    transform: rotate(75.6deg);
  }
}

@keyframes loading-21 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(75.6);
    transform: rotate(75.6deg);
  }
}

@-webkit-keyframes loading-22 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(79.2);
    transform: rotate(79.2deg);
  }
}

@keyframes loading-22 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(79.2);
    transform: rotate(79.2deg);
  }
}

@-webkit-keyframes loading-23 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(82.8);
    transform: rotate(82.8deg);
  }
}

@keyframes loading-23 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(82.8);
    transform: rotate(82.8deg);
  }
}

@-webkit-keyframes loading-24 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(86.4);
    transform: rotate(86.4deg);
  }
}

@keyframes loading-24 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(86.4);
    transform: rotate(86.4deg);
  }
}

@-webkit-keyframes loading-25 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90);
    transform: rotate(90deg);
  }
}

@keyframes loading-25 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90);
    transform: rotate(90deg);
  }
}

@-webkit-keyframes loading-26 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(93.6);
    transform: rotate(93.6deg);
  }
}

@keyframes loading-26 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(93.6);
    transform: rotate(93.6deg);
  }
}

@-webkit-keyframes loading-27 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(97.2);
    transform: rotate(97.2deg);
  }
}

@keyframes loading-27 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(97.2);
    transform: rotate(97.2deg);
  }
}

@-webkit-keyframes loading-28 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(100.8);
    transform: rotate(100.8deg);
  }
}

@keyframes loading-28 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(100.8);
    transform: rotate(100.8deg);
  }
}

@-webkit-keyframes loading-29 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(104.4);
    transform: rotate(104.4deg);
  }
}

@keyframes loading-29 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(104.4);
    transform: rotate(104.4deg);
  }
}

@-webkit-keyframes loading-30 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}

@keyframes loading-30 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}

@-webkit-keyframes loading-31 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(111.6);
    transform: rotate(111.6deg);
  }
}

@keyframes loading-31 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(111.6);
    transform: rotate(111.6deg);
  }
}

@-webkit-keyframes loading-32 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(115.2);
    transform: rotate(115.2deg);
  }
}

@keyframes loading-32 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(115.2);
    transform: rotate(115.2deg);
  }
}

@-webkit-keyframes loading-33 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(118.8);
    transform: rotate(118.8deg);
  }
}

@keyframes loading-33 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(118.8);
    transform: rotate(118.8deg);
  }
}

@-webkit-keyframes loading-34 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(122.4);
    transform: rotate(122.4deg);
  }
}

@keyframes loading-34 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(122.4);
    transform: rotate(122.4deg);
  }
}

@-webkit-keyframes loading-35 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(126);
    transform: rotate(126deg);
  }
}

@keyframes loading-35 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(126);
    transform: rotate(126deg);
  }
}

@-webkit-keyframes loading-36 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(129.6);
    transform: rotate(129.6deg);
  }
}

@keyframes loading-36 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(129.6);
    transform: rotate(129.6deg);
  }
}

@-webkit-keyframes loading-37 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(133.2);
    transform: rotate(133.2deg);
  }
}

@keyframes loading-37 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(133.2);
    transform: rotate(133.2deg);
  }
}

@-webkit-keyframes loading-38 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(136.8);
    transform: rotate(136.8deg);
  }
}

@keyframes loading-38 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(136.8);
    transform: rotate(136.8deg);
  }
}

@-webkit-keyframes loading-39 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(140.4);
    transform: rotate(140.4deg);
  }
}

@keyframes loading-39 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(140.4);
    transform: rotate(140.4deg);
  }
}

@-webkit-keyframes loading-40 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}

@keyframes loading-40 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}

@-webkit-keyframes loading-41 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(147.6);
    transform: rotate(147.6deg);
  }
}

@keyframes loading-41 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(147.6);
    transform: rotate(147.6deg);
  }
}

@-webkit-keyframes loading-42 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(151.2);
    transform: rotate(151.2deg);
  }
}

@keyframes loading-42 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(151.2);
    transform: rotate(151.2deg);
  }
}

@-webkit-keyframes loading-43 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(154.8);
    transform: rotate(154.8deg);
  }
}

@keyframes loading-43 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(154.8);
    transform: rotate(154.8deg);
  }
}

@-webkit-keyframes loading-44 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(158.4);
    transform: rotate(158.4deg);
  }
}

@keyframes loading-44 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(158.4);
    transform: rotate(158.4deg);
  }
}

@-webkit-keyframes loading-45 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(162);
    transform: rotate(162deg);
  }
}

@keyframes loading-45 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(162);
    transform: rotate(162deg);
  }
}

@-webkit-keyframes loading-46 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(165.6);
    transform: rotate(165.6deg);
  }
}

@keyframes loading-46 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(165.6);
    transform: rotate(165.6deg);
  }
}

@-webkit-keyframes loading-47 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(169.2);
    transform: rotate(169.2deg);
  }
}

@keyframes loading-47 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(169.2);
    transform: rotate(169.2deg);
  }
}

@-webkit-keyframes loading-48 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(172.8);
    transform: rotate(172.8deg);
  }
}

@keyframes loading-48 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(172.8);
    transform: rotate(172.8deg);
  }
}

@-webkit-keyframes loading-49 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(176.4);
    transform: rotate(176.4deg);
  }
}

@keyframes loading-49 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(176.4);
    transform: rotate(176.4deg);
  }
}

@-webkit-keyframes loading-50 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}

@keyframes loading-50 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}

#page-loader {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 9999;
  overflow: hidden;
}
#page-loader .loader {
  border: 4px solid #f1f1f1;
  border-top: 4px solid #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  -webkit-animation: loader 0.5s linear infinite;
  animation: loader 0.5s linear infinite;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: fixed;
}

#page-loader-inner {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 240px;
  top: 70px;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  overflow: hidden;
  border-radius: 6px;
}
@media (max-width: 767px) {
  #page-loader-inner {
    left: 0;
    top: 0;
  }
}
#page-loader-inner .loader {
  border: 4px solid #f1f1f1;
  border-top: 4px solid #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  -webkit-animation: loader 0.5s linear infinite;
  animation: loader 0.5s linear infinite;
  left: 240px;
  top: 70px;
  right: 0;
  bottom: 0;
  margin: auto;
  position: fixed;
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#header-panel-home {
  padding: 16px;
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background-color: #ffffff;
}
@media (max-width: 575px) {
  #header-panel-home {
    padding: 8px 16px;
  }
}

#header-panel {
  padding: 16px 0;
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 8;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background: #fff;
}
@media (max-width: 575px) {
  #header-panel {
    padding: 8px 0;
  }
}
#header-panel .container {
  padding-left: 0;
}
#header-panel .search {
  position: relative;
}
@media (max-width: 767px) {
  #header-panel .search {
    margin-left: 48px;
  }
}
@media (max-width: 575px) {
  #header-panel .search {
    margin-left: 0;
    position: fixed;
    z-index: 9;
    right: 0;
    left: 0;
    top: 0;
    padding: 0;
    background-color: transparent;
  }
  #header-panel .search:after {
    position: fixed;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 74px;
    background: #fff;
    z-index: -1;
    display: none;
  }
  #header-panel .search .search-btn {
    left: 55px;
    top: 8px;
  }
  #header-panel .search .search-input {
    max-width: 100%;
    display: none;
  }
  #header-panel .search.show {
    background-color: #f7f8fa;
    padding: 15px;
  }
  #header-panel .search.show .search-btn {
    left: 15px;
    top: 15px;
  }
  #header-panel .search.show .search-input {
    display: block;
    padding-right: 45px;
  }
  #header-panel .search.show .close-btn {
    display: block;
  }
}
@media (max-width: 575px) and (max-width: 575px) {
  #header-panel .search.show:after {
    display: block;
  }
}
#header-panel .search .close-btn {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 23px;
  top: 19px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  z-index: 3;
}
#header-panel .search .close-btn:after {
  background: url(/assets/images/x-icon.svg) no-repeat;
  position: absolute;
  content: "";
  width: 15px;
  height: 16px;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
@media (max-width: 575px) {
  #header-panel .search .close-btn:after {
    display: block;
  }
}

.search {
  position: relative;
}
.search .search-btn {
  background-image: url(/assets/images/search-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 40px;
  width: 40px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.search .close-btn {
  background-image: url(/assets/images/x-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 40px;
  width: 40px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.search .search-input {
  background: #ffffff;
  border: 1px solid #dddfe4;
  border-radius: 6px;
  height: 40px;
  padding-left: 36px;
  padding-right: 12px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  width: 100%;
  max-width: 335px;
  font-size: 14px;
  letter-spacing: 0.12px;
  color: #151518;
}
.search .search-input::-webkit-input-placeholder {
  color: #a2a2c2;
}
.search .search-input:-ms-input-placeholder {
  color: #a2a2c2;
}
.search .search-input::-ms-input-placeholder {
  color: #a2a2c2;
}
.search .search-input::placeholder {
  color: #a2a2c2;
}
.search .search-input:focus {
  outline: none;
  border-color: #0045ff;
}

.header-right > ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 -12px;
}
.header-right > ul > li {
  padding: 0 12px;
}

.bell-icon {
  background-image: url(/assets/images/bell-icon.svg);
  background-position: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
}
@media (max-width: 575px) {
  .bell-icon {
    width: 32px;
    height: 32px;
  }
}
.bell-icon:hover {
  background-color: #edf2ff;
}
.bell-icon .badge {
  background: #ff808b;
  border: 2px solid #ffffff;
  border-radius: 12px;
  min-width: 16px;
  min-height: 14px;
  font-weight: 600;
  font-size: 10px;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 575px) {
  .bell-icon .badge {
    top: -3px;
    right: -6px;
  }
}

.profile .profile-pic {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 575px) {
  .profile .profile-pic {
    margin-right: 6px;
    width: 32px;
    height: 32px;
  }
}
.profile .profile-pic .img-fluid {
  width: 100%;
  height: 100%;
}

.profile .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 3px 0 0;
}
.profile .dropdown-toggle::after {
  content: url(/assets/images/angle-arrow-icon.svg);
  border: none;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  margin-top: 4px;
}

.profile .name {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #111026;
  padding-left: 10px;
  padding-right: 4px;
}
@media (max-width: 575px) {
  .profile .name {
    display: none;
  }
}

.profile .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  top: 45px !important;
}

.notification .dropdown-menu {
  min-width: 324px !important;
  right: 0 !important;
  left: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  top: 45px !important;
  padding: 0;
}
@media (max-width: 767px) {
  .notification .dropdown-menu {
    min-width: 270px;
    right: -65px !important;
  }
}

.noti-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
  border-bottom: 1px solid #eaebf9;
}
.noti-header h5 {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #18182b;
  margin-bottom: 0;
  margin-right: 10px;
}
.noti-header .msg-info {
  margin-top: -3px;
}
.noti-header .msg-info p {
  display: inline-block;
  border-radius: 32px;
  min-width: 56px;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  background: #0045ff;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.01em;
}

.noti-container {
  padding: 16px;
  height: 307px;
  overflow-y: auto;
  overflow-x: hidden;
}
.noti-container .noti-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eaebf9;
  margin-bottom: 12px;
  padding-bottom: 12px;
  cursor: pointer;
}
.noti-container .noti-row:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.noti-container .noti-row .profile-pic {
  max-width: 32px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  width: 100%;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.noti-container .noti-row .profile-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.noti-container .noti-row .msg {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #000000;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.noti-container .noti-row .msg strong {
  font-weight: 700;
}
.noti-container .noti-row .time {
  font-size: 12px;
  color: #9a9abc;
  margin-top: 2px;
}
.noti-container .noti-row:hover .msg {
  color: #0045ff;
}

.noti-footer a {
  background: #ebf0ff;
  border-radius: 0 0 6px 6px;
  display: block;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.01em;
  color: #0045ff;
  line-height: 32px;
  padding: 0 16px;
  text-align: center;
}

#header-create-post {
  padding: 27px 32px;
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background-color: #ffffff;
  z-index: 2;
}
@media (max-width: 767px) {
  #header-create-post {
    padding: 12px 15px;
  }
}

.back-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
}
.back-heading .txt {
  font-weight: 700;
  font-size: 26px;
  color: #151518;
}
@media (max-width: 767px) {
  .back-heading .txt {
    font-size: 20px;
  }
}
.back-heading .back-arrow {
  background: url(/assets/images/back-arrow.svg) no-repeat center;
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 24px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media (max-width: 767px) {
  .back-heading .back-arrow {
    margin-right: 16px;
  }
}
.back-heading .back-arrow:hover {
  -webkit-transform: translateX(-2px);
  -ms-transform: translateX(-2px);
  transform: translateX(-2px);
}

@media (max-width: 767px) {
  .btn-row {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
  }
}

.btn-row ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .btn-row ul {
    width: 475px;
    padding: 16px;
    background: #ffffff;
  }
}
.btn-row ul li {
  margin-left: 16px;
}
.btn-row ul li button {
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  color: #8181a6;
  white-space: nowrap;
}
.btn-row ul li .btn {
  background: #ffffff;
  border: 1px solid rgba(209, 216, 227, 0.48);
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  padding: 0 11px;
  height: 34px;
  line-height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btn-row ul li .btn:hover {
  background: #edf2ff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-row ul li .btn .clock-icon {
  width: 22px;
  height: 22px;
  background: url(/assets/images/clock-icon-3.svg) no-repeat center;
  display: block;
  margin-right: 6px;
}
.btn-row ul li .btn .view-icon {
  width: 22px;
  height: 22px;
  background: url(/assets/images/view-icon.svg) no-repeat center;
  display: block;
  margin-right: 6px;
}
.btn-row ul li .btn.btn-green {
  background: #12b57a;
  color: #ffffff;
  padding: 0 16px;
}
.btn-row ul li .btn.btn-green .upload-icon {
  width: 22px;
  height: 22px;
  background: url(/assets/images/upload-icon-2.svg) no-repeat center;
  display: block;
  margin-right: 6px;
}
.btn-row ul li .btn.btn-green:hover {
  background: #1cab77;
}

.box-shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.notification .dropdown-toggle:after {
  display: none;
}

.hamburger-icon {
  width: 24px;
  height: 18px;
  display: none;
  position: absolute;
  top: 10px;
  left: 8px;
  padding: 0;
}
@media (max-width: 767px) {
  .hamburger-icon {
    display: block;
  }
  .hamburger-icon::before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
}
.hamburger-icon span {
  display: block;
  width: 100%;
  height: 2px;
  background: #a3a5d4;
  border-radius: 2px;
  margin-bottom: 5px;
}
.hamburger-icon span:last-child {
  margin-bottom: 0;
}
.hamburger-icon.open-nav::before {
  visibility: visible;
  opacity: 1;
}

.sidenav {
  display: block;
  padding: 16px 0 0 16px;
  width: 226px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
<<<<<<< HEAD
  z-index: 9;
}
@media (max-width: 767px) {
  .sidenav {
    width: 300px;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
    padding: 16px;
    background: #ffffff;
    border: 1px solid #eeeef4;
    -webkit-box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
      0px 16px 24px rgba(21, 21, 74, 0.03);
    box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
      0px 16px 24px rgba(21, 21, 74, 0.03);
  }
  .sidenav.show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.sidenav > .navbar-collapse {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 36px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0px;
  margin-right: -16px;
  height: calc(100% - 78px);
}
.sidenav > .navbar-collapse .navbar-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.sidenav > .navbar-collapse .navbar-nav .nav-item {
  position: relative;
  margin-bottom: 10px;
  min-height: 31px;
}
.sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link {
  padding: 8px 16px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 31px;
}
.sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link .name {
  padding-left: 8px;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: #60607c;
}
@media (max-width: 1440px) {
  .sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link .name {
    font-size: 14px;
  }
}
.sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link.active .name,
.sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link:hover .name {
  color: #17174c;
}
.sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link.active .icon,
.sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link:hover .icon {
  width: 20px;
  height: 20px;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item
  .nav-link.active
  .icon.home-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item
  .nav-link:hover
  .icon.home-icon {
  background-image: url(/assets/images/home-dark-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item
  .nav-link.active
  .icon.location-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item
  .nav-link:hover
  .icon.location-icon {
  background-image: url(/assets/images/location-dark-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .dropdown-toggle::after {
  content: url(/assets/images/angle-arrow-icon.svg);
  border: none;
  position: absolute;
  right: 8px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .dropdown-toggle.collapsed::after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .dropdown-toggle::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu {
  position: relative;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}
.sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu ul {
  border-bottom: 1px solid #e9eaf0;
  padding-bottom: 8px;
  padding-top: 12px;
  padding-left: 28px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  ul
  .level-three-menu
  ul {
  padding-left: 18px;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  ul
  .level-three-menu
  ul
  li
  .name {
  word-break: break-word;
  white-space: normal;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item {
  background-color: transparent !important;
  padding: 0;
  margin-bottom: 14px;
  position: relative;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  position: relative;
  width: 100%;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active {
  background-color: transparent !important;
  text-decoration: none;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .name,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .name {
  color: #0045ff;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.news-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.news-icon {
  background-image: url(/assets/images/news-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.bu-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.bu-icon {
  background-image: url(/assets/images/bu-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.overview-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.overview-icon {
  background-image: url(/assets/images/overveiw-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.booking-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.booking-icon {
  background-image: url(/assets/images/booking-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.clock-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.clock-icon {
  background-image: url(/assets/images/clock-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.build-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.build-icon {
  background-image: url(/assets/images/build-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.floor-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.floor-icon {
  background-image: url(/assets/images/floor-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.cal-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.cal-icon {
  background-image: url(/assets/images/cal-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.analytics-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.analytics-icon {
  background-image: url(/assets/images/analytics-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.reports-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.reports-icon {
  background-image: url(/assets/images/reports-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.info-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.info-icon {
  background-image: url(/assets/images/info-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.ticket-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.ticket-icon {
  background-image: url(/assets/images/ticket-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link:hover
  .icon-2.setting-icon,
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link.active
  .icon-2.setting-icon {
  background-image: url(/assets/images/setting-blue-icon.svg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item
  .dropdown-link
  .name {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.0048em;
  color: #797994;
  padding-left: 8px;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item.level-two-menu
  .dropdown-toggle::after {
  content: url(/assets/images/angle-arrow-icon.svg);
  border: none;
  position: absolute;
  right: 8px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item.level-two-menu
  .dropdown-toggle.collapsed::after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item.level-two-menu
  .dropdown-toggle::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item.level-two-menu
  .d-menu
  ul {
  padding-left: 26px;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item.level-two-menu
  .d-menu
  ul
  .dropdown-item
  .dropdown-link
  .name {
  padding-left: 0;
}
.sidenav
  > .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  .dropdown-item.level-two-menu
  .level-three-menu
  .d-menu
  > ul {
  padding-left: 8px;
  border-bottom: none;
  padding-bottom: 0;
}
.sidenav.menu-name-close {
  width: 70px;
}
.sidenav.menu-name-close .nav-link .name,
.sidenav.menu-name-close .dropdown-link .name {
  visibility: hidden;
  opacity: 0;
  max-width: 0;
  overflow: hidden;
}
.sidenav.menu-name-close .navbar-brand {
  width: 25px;
  overflow: hidden;
}
.sidenav.menu-name-close .btn-close {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sidenav.menu-name-close .dropdown .dropdown-menu ul {
  padding-left: 0 !important;
}
.sidenav.menu-name-close
  .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  ul {
  padding-left: 2px;
}
=======
  z-index: 9; }
  @media (max-width: 767px) {
    .sidenav {
      width: 300px;
      -webkit-transform: translateX(-300px);
      -ms-transform: translateX(-300px);
      transform: translateX(-300px);
      padding: 16px;
      background: #ffffff;
      border: 1px solid #EEEEF4;
      -webkit-box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06), 0px 16px 24px rgba(21, 21, 74, 0.03);
      box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06), 0px 16px 24px rgba(21, 21, 74, 0.03); }
      .sidenav.show {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); } }
  .sidenav > .navbar-collapse {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 36px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0px;
    margin-right: -16px;
    height: calc(100% - 78px); }
    .sidenav > .navbar-collapse .navbar-nav {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%; }
      .sidenav > .navbar-collapse .navbar-nav .nav-item {
        position: relative;
        margin-bottom: 10px;
        min-height: 31px; }
        .sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link {
          padding: 8px 16px 0 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          min-height: 31px; }
          .sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link .name {
            padding-left: 8px;
            font-weight: 600;
            font-size: 15px;
            letter-spacing: -0.01em;
            color: #60607C; }
            @media (max-width: 1440px) {
              .sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link .name {
                font-size: 14px; } }
          .sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link.active .name, .sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link:hover .name {
            color: #17174C; }
          .sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link.active .icon, .sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link:hover .icon {
            width: 20px;
            height: 20px;
            display: block;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat; }
            .sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link.active .icon.home-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link:hover .icon.home-icon {
              background-image: url(/assets/images/home-dark-icon.svg); }
            .sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link.active .icon.location-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item .nav-link:hover .icon.location-icon {
              background-image: url(/assets/images/location-dark-icon.svg); }
        .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .dropdown-toggle::after {
          content: url(/assets/images/angle-arrow-icon.svg);
          border: none;
          position: absolute;
          right: 8px;
          -webkit-transition: all 0.25s ease;
          -o-transition: all 0.25s ease;
          transition: all 0.25s ease; }
        .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .dropdown-toggle.collapsed::after {
          -webkit-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
        .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .dropdown-toggle::after {
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
        .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu {
          position: relative;
          background-color: transparent;
          -webkit-box-shadow: none;
          box-shadow: none;
          padding: 0; }
          .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu ul {
            border-bottom: 1px solid #E9EAF0;
            padding-bottom: 8px;
            padding-top: 12px;
            padding-left: 28px;
            -webkit-transition: all 0.25s ease;
            -o-transition: all 0.25s ease;
            transition: all 0.25s ease; }
            .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu ul .level-three-menu ul {
              padding-left: 18px; }
              .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu ul .level-three-menu ul li .name {
                word-break: break-word;
                white-space: normal; }
          .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item {
            background-color: transparent !important;
            padding: 0;
            margin-bottom: 14px;
            position: relative; }
            .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              padding: 0;
              position: relative;
              width: 100%; }
              .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active {
                background-color: transparent !important;
                text-decoration: none; }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .name, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .name {
                  color: #0045FF; }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.news-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.news-icon {
                  background-image: url(/assets/images/news-blue-icon.svg); }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.bu-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.bu-icon {
                  background-image: url(/assets/images/bu-blue-icon.svg); }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.overview-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.overview-icon {
                  background-image: url(/assets/images/overveiw-blue-icon.svg); }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.booking-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.booking-icon {
                  background-image: url(/assets/images/booking-blue-icon.svg); }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.clock-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.clock-icon {
                  background-image: url(/assets/images/clock-blue-icon.svg); }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.build-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.build-icon {
                  background-image: url(/assets/images/build-blue-icon.svg); }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.floor-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.floor-icon {
                  background-image: url(/assets/images/floor-blue-icon.svg); }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.cal-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.cal-icon {
                  background-image: url(/assets/images/cal-blue-icon.svg); }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.analytics-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.analytics-icon {
                  background-image: url(/assets/images/analytics-blue-icon.svg); }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.reports-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.reports-icon {
                  background-image: url(/assets/images/reports-blue-icon.svg); }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.info-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.info-icon {
                  background-image: url(/assets/images/info-blue-icon.svg); }
                .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.ticket-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.ticket-icon {
                  background-image: url(/assets/images/ticket-blue-icon.svg); }

                  .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.doc-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.doc-icon {
                    background-image: url(/assets/images/doc-blue-icon.svg); }

                  .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link:hover .icon-2.setting-icon, .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link.active .icon-2.setting-icon {
                    background-image: url(/assets/images/setting-blue-icon.svg); }
              .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item .dropdown-link .name {
                font-size: 14px;
                font-weight: 400;
                letter-spacing: -0.0048em;
                color: #797994;
                padding-left: 8px; }
            .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item.level-two-menu .dropdown-toggle::after {
              content: url(/assets/images/angle-arrow-icon.svg);
              border: none;
              position: absolute;
              right: 8px;
              -webkit-transition: all 0.25s ease;
              -o-transition: all 0.25s ease;
              transition: all 0.25s ease; }
            .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item.level-two-menu .dropdown-toggle.collapsed::after {
              -webkit-transform: rotate(270deg);
              -ms-transform: rotate(270deg);
              transform: rotate(270deg); }
            .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item.level-two-menu .dropdown-toggle::after {
              -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
            .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item.level-two-menu .d-menu ul {
              padding-left: 26px; }
              .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item.level-two-menu .d-menu ul .dropdown-item .dropdown-link .name {
                padding-left: 0; }
            .sidenav > .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu .dropdown-item.level-two-menu .level-three-menu .d-menu > ul {
              padding-left: 8px;
              border-bottom: none;
              padding-bottom: 0; }
  .sidenav.menu-name-close {
    width: 70px; }
    .sidenav.menu-name-close .nav-link .name,
    .sidenav.menu-name-close .dropdown-link .name {
      visibility: hidden;
      opacity: 0;
      max-width: 0;
      overflow: hidden; }
    .sidenav.menu-name-close .navbar-brand {
      width: 25px;
      overflow: hidden; }
    .sidenav.menu-name-close .btn-close {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    .sidenav.menu-name-close .dropdown .dropdown-menu ul {
      padding-left: 0 !important; }
    .sidenav.menu-name-close .navbar-collapse .navbar-nav .nav-item.level-one-menu .d-menu ul {
      padding-left: 2px; }
>>>>>>> master

.sidenav.menuHover.menu-name-close {
  width: 232px;
  background-color: #f7f8fa;
  -webkit-box-shadow: rgba(21, 21, 74, 0.2) 0px 16px 24px;
  box-shadow: rgba(21, 21, 74, 0.2) 0px 16px 24px;
  padding-right: 8px;
}
.sidenav.menuHover.menu-name-close .navbar-brand {
  width: auto;
}
.sidenav.menuHover.menu-name-close .navbar-nav .nav-item .nav-link .name,
.sidenav.menuHover.menu-name-close .level-one-menu .dropdown-item .name,
.sidenav.menuHover.menu-name-close .level-two-menu .dropdown-item .name,
.sidenav.menuHover.menu-name-close .level-three-menu .dropdown-item .name {
  visibility: visible;
  opacity: 1;
  max-width: unset;
  overflow: visible;
}
.sidenav.menuHover.menu-name-close
  .navbar-collapse
  .navbar-nav
  .nav-item.level-one-menu
  .d-menu
  ul {
  padding-left: 28px;
}

.btn-close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #dddfe4;
  background-image: url(/assets/images/angle-arrow-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  position: absolute;
  right: -12px;
  top: 20px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media (max-width: 767px) {
  .btn-close {
    display: none;
  }
}
.btn-close:hover {
  background-color: #edf2ff;
}

#wrapper {
  padding: 30px 12px;
  margin-top: 60px;
}
@media (max-width: 575px) {
  #wrapper {
    margin-top: 40px;
  }
}

#header-panel,
#wrapper {
  padding-left: 254px;
  padding-right: 16px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media (max-width: 767px) {
  #header-panel,
  #wrapper {
    margin-left: 0;
    padding-left: 16px;
  }
}

.menu-name-close#header-panel,
.menu-name-close#wrapper {
  padding-left: 94px;
}

.icon {
  min-width: 20px;
  height: 20px;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon.home-icon {
  background-image: url(/assets/images/home-icon.svg);
}
.icon.location-icon {
  background-image: url(/assets/images/location-icon.svg);
}

.icon-2 {
  width: 18px;
  height: 18px;
  display: block;
  background-size: contain;
  background-position: center;
<<<<<<< HEAD
  background-repeat: no-repeat;
}
.icon-2.news-icon {
  background-image: url(/assets/images/news-icon.svg);
}
.icon-2.services-icon {
  background-image: url(/assets/images/service.svg);
}
.icon-2.bu-icon {
  background-image: url(/assets/images/bu-icon.svg);
}
.icon-2.overview-icon {
  background-image: url(/assets/images/overview-icon.svg);
}
.icon-2.booking-icon {
  background-image: url(/assets/images/booking-icon.svg);
}
.icon-2.clock-icon {
  background-image: url(/assets/images/clock-icon.svg);
}
.icon-2.build-icon {
  background-image: url(/assets/images/build-icon.svg);
}
.icon-2.floor-icon {
  background-image: url(/assets/images/floor-icon.svg);
}
.icon-2.cal-icon {
  background-image: url(/assets/images/cal-icon.svg);
}
.icon-2.analytics-icon {
  background-image: url(/assets/images/analytics-icon.svg);
}
.icon-2.reports-icon {
  background-image: url(/assets/images/reports-icon.svg);
}
.icon-2.info-icon {
  background-image: url(/assets/images/info-icon.svg);
}
.icon-2.ticket-icon {
  background-image: url(/assets/images/ticket-icon.svg);
}
.icon-2.setting-icon {
  background-image: url(/assets/images/setting-icon.svg);
}
=======
  background-repeat: no-repeat; }
  .icon-2.news-icon {
    background-image: url(/assets/images/news-icon.svg); }
    .icon-2.services-icon {
      background-image: url(/assets/images/service.svg); }
  .icon-2.bu-icon {
    background-image: url(/assets/images/bu-icon.svg); }
  .icon-2.overview-icon {
    background-image: url(/assets/images/overview-icon.svg); }
  .icon-2.booking-icon {
    background-image: url(/assets/images/booking-icon.svg); }
  .icon-2.clock-icon {
    background-image: url(/assets/images/clock-icon.svg); }
  .icon-2.build-icon {
    background-image: url(/assets/images/build-icon.svg); }
  .icon-2.floor-icon {
    background-image: url(/assets/images/floor-icon.svg); }
  .icon-2.cal-icon {
    background-image: url(/assets/images/cal-icon.svg); }
  .icon-2.analytics-icon {
    background-image: url(/assets/images/analytics-icon.svg); }
  .icon-2.reports-icon {
    background-image: url(/assets/images/reports-icon.svg); }
  .icon-2.info-icon {
    background-image: url(/assets/images/info-icon.svg); }
  .icon-2.ticket-icon {
    background-image: url(/assets/images/ticket-icon.svg); }
    .icon-2.doc-icon {
      background-image: url(/assets/images/doc-gray-icon.svg); }
  .icon-2.setting-icon{
    background-image: url(/assets/images/setting-icon.svg);
  }
>>>>>>> master

.white-bg {
  background: #ffffff;
  border: 1px solid #eeeef4;
  -webkit-box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  border-radius: 6px;
  margin-bottom: 24px;
  height: 350px;
  padding: 24px 0;
}
@media (max-width: 1440px) {
  .white-bg {
    padding: 16px 0;
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .white-bg {
    height: auto;
  }
}
.white-bg.wb-lg {
  height: 688px;
}
@media (max-width: 991px) {
  .white-bg.wb-lg {
    height: auto;
  }
}
.white-bg.wb-xl {
  height: 830px;
}
@media (max-width: 991px) {
  .white-bg.wb-xl {
    height: auto;
  }
}
.white-bg.wb-xl-2 {
  height: 804px;
}
@media (max-width: 991px) {
  .white-bg.wb-xl-2 {
    height: auto;
  }
}
.white-bg.wb-xl-2.zoom-inout-section {
  height: auto;
}
.white-bg.wb-xxl {
  height: 1182px;
}
@media (max-width: 991px) {
  .white-bg.wb-xxl {
    height: auto;
  }
}
.white-bg.blog-details-page {
  height: auto;
}

.white-bg-table {
  background: #ffffff;
  border: 1px solid #eeeef4;
  -webkit-box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  border-radius: 6px;
  margin-bottom: 24px;
  padding: 4px 0 24px;
  height: 688px;
  overflow: hidden;
}
.white-bg-table.wbt-xl {
  height: 830px;
}
@media (max-width: 991px) {
  .white-bg-table.wbt-xl {
    height: auto;
  }
}
@media (max-width: 1440px) {
  .white-bg-table {
    padding: 4px 0 16px;
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .white-bg-table {
    height: auto;
  }
}

.wb-padding-left {
  padding-left: 24px;
}
@media (max-width: 1440px) {
  .wb-padding-left {
    padding-left: 16px;
  }
}

.wb-padding-right {
  padding-right: 24px;
}
@media (max-width: 1440px) {
  .wb-padding-right {
    padding-right: 16px;
  }
}

.todays-forcast {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.todays-forcast .temp {
  font-weight: 600;
  font-size: 48px;
  letter-spacing: -0.03em;
  color: #18182b;
  padding-left: 16px;
}
.todays-forcast .temp span::after {
  content: "°";
}
.todays-forcast .temp sup {
  font-weight: 600;
  font-size: 32px;
  color: #18182b;
  padding-left: 8px;
  top: -18px;
}

.tsf-blk {
  margin-bottom: 16px;
}
.tsf-blk .time {
  font-size: 14px;
  letter-spacing: -0.0048em;
  color: #484863;
  text-align: right;
}
.tsf-blk .location {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.0048em;
  color: #2c2c44;
  text-align: right;
}

.slider-w-blk .wo-info {
  font-size: 14px;
  letter-spacing: -0.0012em;
  color: #62628a;
}

.slider-w-blk .multiple-items {
  margin: 16px 0;
}

.card-weather {
  background: #ffffff;
  border: 1px solid rgba(239, 240, 255, 0.88);
  border-radius: 6px;
  padding: 12px;
  text-align: center;
  margin: 0 8px;
}
.card-weather .day {
  font-weight: bold;
  font-size: 13px;
  letter-spacing: -0.0048em;
  color: #8181a6;
  margin-bottom: 12px;
}
.card-weather .icon-w {
  max-width: 40px;
  text-align: center;
  margin: 0 auto;
}
.card-weather .icon-w .img-fluid {
  height: 32px;
}
.card-weather .max-min-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 16px;
}
.card-weather .max-min-blk p {
  font-weight: 700;
  font-size: 14px;
}
.card-weather .max-min-blk p.max::after,
.card-weather .max-min-blk p.min::after {
  content: "°";
  position: relative;
  left: -3px;
}
.card-weather .max-min-blk p.max {
  color: #18182b;
  text-align: right;
}
.card-weather .max-min-blk p.min {
  color: #9494ab;
  text-align: left;
}

.slick-arrow {
  position: absolute;
  z-index: 1;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #0045ff;
  font-size: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: 0px 7px 28px rgba(47, 93, 242, 0.18);
  box-shadow: 0px 7px 28px rgba(47, 93, 242, 0.18);
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.slick-arrow.slick-disabled {
  visibility: hidden;
  opacity: 0;
}
.slick-arrow.slick-prev {
  left: 4px;
  background-image: url(/assets/images/angle-arrow-white-icon.svg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.slick-arrow.slick-next {
  right: 4px;
  background-image: url(/assets/images/angle-arrow-white-icon.svg);
}

.chart-main .chart-header {
  position: relative;
  z-index: 5;
  padding: 0 24px 16px;
}
@media (max-width: 1440px) {
  .chart-main .chart-header {
    padding: 0 16px 16px;
  }
}

.chart-main .chart-container {
  padding: 0 16px;
}

.chart-main .chart-footer {
  padding: 0 24px;
}

.ul-style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
}
.ul-style li {
  width: 50%;
  position: relative;
  font-size: 14px;
  letter-spacing: -0.0048em;
  color: #8b8bad;
  margin-top: 20px;
  padding-left: 24px;
}
.ul-style li strong {
  font-weight: 700;
  color: #17174c;
}
.ul-style li::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(231, 232, 252, 0.88);
  position: absolute;
  top: 0;
  left: 0;
}

.eng-blk {
  padding: 0 16px;
}
.eng-blk .eng-header .des {
  font-size: 14px;
  color: #a2a2c2;
}
.eng-blk .eng-container {
  text-align: center;
  height: 170px;
  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;
}
.eng-blk .eng-container .no {
  font-weight: 500;
  font-size: 112px;
  color: #007da2;
  position: relative;
  display: inline-block;
}
.eng-blk .eng-container .no .eng-star {
  width: 18px;
  height: 18px;
  background: url(/assets/images/eng-star.svg) center;
  display: block;
  position: absolute;
  top: 16px;
  right: -13px;
}
.eng-blk .eng-footer {
  padding: 0 24px;
}
@media (max-width: 1280px) {
  .eng-blk .eng-footer {
    padding: 0;
  }
}
.eng-blk .eng-footer label {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: #8181a7;
  margin-bottom: 4px;
}
.eng-blk .eng-footer .kwh-info .no {
  font-weight: 700;
  font-size: 18px;
  color: #17174c;
}
.eng-blk .eng-footer .kwh-info .kwh {
  font-weight: 600;
  font-size: 13px;
  color: #a2a2c2;
}
.eng-blk .eng-footer .prcnt-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.eng-blk .eng-footer .prcnt-blk .down-arrow {
  background: url(/assets/images/down-red-arrow-icon.svg);
  width: 9px;
  height: 8px;
  display: block;
  background-repeat: no-repeat;
}
.eng-blk .eng-footer .prcnt-blk .no {
  font-size: 12px;
  color: #ff1541;
  padding-left: 2px;
}

.alaram-blk {
  padding: 0 24px;
}
@media (max-width: 1440px) {
  .alaram-blk {
    padding: 0 16px;
  }
}
.alaram-blk .alr-container .alr-tbl {
  width: 100%;
  border-collapse: unset;
}
.alaram-blk .alr-container .alr-tbl tr td {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.0048em;
  color: #2c2c44;
  padding: 16px 0;
  border-bottom: 1px solid #eeeef6;
}
@media (max-width: 1440px) {
  .alaram-blk .alr-container .alr-tbl tr td {
    font-size: 14px;
  }
}
.alaram-blk .alr-container .alr-tbl tr td:first-child {
  width: 30px;
  border-bottom: none;
}
.alaram-blk .alr-container .alr-tbl tr td .icon-3 {
  width: 20px;
  height: 20px;
  display: block;
  background-size: contain !important;
}
.alaram-blk .alr-container .alr-tbl tr td .icon-3.tool-icon {
  background: url(/assets/images/tool-icon.svg) no-repeat center;
}
.alaram-blk .alr-container .alr-tbl tr td .icon-3.progress-icon {
  background: url(/assets/images/progress-icon.svg) no-repeat center;
}
.alaram-blk .alr-container .alr-tbl tr td .icon-3.alert-icon {
  background: url(/assets/images/alert-icon.svg) no-repeat center;
}
.alaram-blk .alr-container .alr-tbl tr td .icon-3.check-round-icon {
  background: url(/assets/images/check-round-icon.svg) no-repeat center;
}
.alaram-blk .alr-container .alr-tbl tr td.total {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #18182b;
  text-align: right;
}
@media (max-width: 1440px) {
  .alaram-blk .alr-container .alr-tbl tr td.total {
    font-size: 16px;
  }
}

.chart-area {
  width: 100% !important;
  height: 258px;
}

.pie-area {
  width: 100% !important;
  height: 270px;
}

.wos-blk {
  padding: 0 24px;
}

.icon-4 {
  width: 20px;
  height: 20px;
  display: block;
  background-size: contain !important;
  background-repeat: no-repeat;
}
.icon-4.pdf-icon {
  background-image: url(/assets/images/pdf-icon.svg);
}

.wos-table {
  width: 100%;
  border-collapse: unset;
}
.wos-table tr td {
  border-bottom: 1px solid #eeeef6;
  padding-top: 12px;
  padding-bottom: 12px;
}
.wos-table tr td:first-child {
  width: 30px;
  border-bottom: none;
  vertical-align: top;
}
.wos-table tr:last-child td {
  border: none;
}
.wos-table .file-info .file-name {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.0048em;
  color: #2c2c44;
}
.wos-table .file-info .date {
  font-size: 14px;
  letter-spacing: -0.0048em;
  color: #a2a2c2;
}
.wos-table .num {
  font-weight: 700;
  font-size: 16px;
  color: #573bff;
}

.table-header {
  padding: 0 24px 20px;
}
@media (max-width: 1440px) {
  .table-header {
    padding: 0 16px 20px;
  }
}
.table-header h5 {
  margin-top: 16px;
}
@media (max-width: 1440px) {
  .table-header h5 {
    margin-top: 14px;
  }
}

.custom-table .table-hover tbody tr:hover {
  background-color: #f6f6fa;
}

.custom-table .table {
  border-collapse: unset;
}
.custom-table .table tr.inprogress-row {
  background-color: #fbf5ee;
}
.custom-table .table tr.overdue-row {
  background-color: #ffebef;
}
.custom-table .table tr th .check-box,
.custom-table .table tr td .check-box {
  margin-bottom: 16px;
}
.custom-table .table tr th {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #8181a6;
  border-bottom: 1px solid #f2f5f9;
  border-top: 0;
  padding: 8.5px;
  white-space: nowrap;
}
.custom-table .table tr th:first-child {
  padding-left: 24px;
}
@media (max-width: 1440px) {
  .custom-table .table tr th:first-child {
    padding-left: 16px;
  }
}
.custom-table .table tr th .filter-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.custom-table .table tr th .filter-table .filter-icon {
  background: url(/assets/images/filter-table-icon.svg) no-repeat;
  width: 6px;
  height: 8px;
  display: block;
  background-size: contain;
  cursor: pointer;
  margin-left: 3px;
}
.custom-table .table tr td {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #8181a6;
  vertical-align: middle;
  border: none;
  white-space: nowrap;
  padding: 16px 8.5px;
}
.custom-table .table tr td:first-child {
  padding-left: 24px;
}
@media (max-width: 1440px) {
  .custom-table .table tr td:first-child {
    padding-left: 16px;
  }
}
.custom-table .table tr td .dark-txt {
  color: #18182b;
}
.custom-table .table tr td .fw-700 {
  color: #18182b;
}
.custom-table .table tr td .three-dots {
  margin-top: -1px;
}
.custom-table .table tr td .btn-link {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: -0.0048em;
  color: #573bff;
}

.icon-5 {
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-5.edit-icon {
  background-image: url(/assets/images/edit-icon.svg);
}

.icon-5.copy-icon {
  background-image: url(/assets/images/copy-icon.svg);
}
.icon-5.save-icon {
  background-image: url(/assets/images/save-icon.svg);
}
.icon-5.delete-icon {
  background-image: url(/assets/images/delete-icon.svg);
}
.icon-5.build-icon {
  background-image: url(/assets/images/build-icon.svg);
}
.icon-5.ev-chargers-icon {
  background-image: url(/assets/images/ev-chargers-icon.svg);
}
.icon-5.barchart-icon {
  background-image: url(/assets/images/barchart-icon.svg);
}
.icon-5.cam-icon {
  background-image: url(/assets/images/cam-icon.svg);
}
.icon-5.blub-icon {
  background-image: url(/assets/images/blub-icon.svg);
}
.icon-5.wifi-icon {
  background-image: url(/assets/images/wifi-icon.svg);
}
.icon-5.hvac-icon {
  background-image: url(/assets/images/hvac-icon.svg);
}
.icon-5.display-icon {
  background-image: url(/assets/images/display-icon.svg);
}
.icon-5.meter-icon {
  background-image: url(/assets/images/meter-icon.svg);
}
.icon-5.grp-icon {
  background-image: url(/assets/images/grp-icon.svg);
}
.icon-5.parking-icon {
  background-image: url(/assets/images/parking-icon.svg);
}
.icon-5.lockers-icon {
  background-image: url(/assets/images/lockers-icon.svg);
}
.icon-5.networks-icon {
  background-image: url(/assets/images/networks-icon.svg);
}
.icon-5.assign-icon {
  background-image: url(/assets/images/assign-icon.svg);
}
.icon-5.dact-icon {
  background-image: url(/assets/images/dact-icon.svg);
}

.center-the-img {
  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;
  height: 100%;
}

.colored-icon {
  width: 32px;
  height: 32px;
  display: block;
}
.colored-icon.tree-icon {
  background-image: url(/assets/images/tree-icon.svg);
}
.colored-icon.car-icon {
  background-image: url(/assets/images/car-icon.svg);
}
.colored-icon.energy-icon {
  background-image: url(/assets/images/energy-icon.svg);
}

.eeq-table {
  border-collapse: unset;
  width: 100%;
}
.eeq-table .sub-heading {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #8181a6;
}
.eeq-table .data {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: #18182b;
}
.eeq-table tr td {
  border-bottom: solid 1px #eaeaee;
  padding-bottom: 24px;
  padding-top: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.eeq-table tr td:first-child {
  width: 48px;
}
.eeq-table tr:last-child td {
  border-bottom: none;
}

.sub-heading-icon {
  width: 24px;
  height: 24px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.sub-heading-icon.grid-icon {
  background-image: url(/assets/images/grid-icon.svg);
}
.sub-heading-icon.grid-solar-icon {
  background-image: url(/assets/images/grid-solar.svg);
}
.sub-heading-icon.ghg-icon {
  background-image: url(/assets/images/ghg-icon.svg);
}

.g-decrease {
  background-color: #fff6f7;
  background-image: url(/assets/images/down-arrow-icon.svg);
  background-position: 16px center;
  background-repeat: no-repeat;
  border-radius: 32px;
  padding: 0 16px 0 42px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  color: #ff1541;
  display: inline-block;
  margin-top: 12px;
}

.g-increase {
  background-color: #f0fff8;
  background-image: url(/assets/images/up-arrow-icon.svg);
  background-position: 16px center;
  background-repeat: no-repeat;
  border-radius: 32px;
  padding: 0 16px 0 42px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  color: #0cac5f;
  display: inline-block;
  margin-top: 12px;
}

.up-dwn-data-info {
  margin-top: 10px;
}
.up-dwn-data-info label {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.48px;
  color: #2c2c44;
  margin-bottom: 3px;
  display: block;
}
.up-dwn-data-info strong {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #2c2c44;
}
.up-dwn-data-info strong.dec {
  color: #ff1541;
}
.up-dwn-data-info strong.inc {
  color: #17cb75;
}
.up-dwn-data-info small {
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #9494ab;
}

.map-container {
  height: calc(100vh - 72px);
  margin-top: 72px;
  overflow: hidden;
  position: relative;
}
.map-container::before {
  content: "";
  background: rgba(247, 248, 250, 0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (max-width: 575px) {
  .map-container::before {
    z-index: 4;
  }
}

@media (max-width: 575px) {
  .map {
    z-index: 3;
    height: 67vh;
    position: relative;
  }
}

.map iframe {
  width: 100%;
  height: 100vh;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
@media (max-width: 575px) {
  .map iframe {
    margin-top: 48px;
    height: 92%;
  }
}

.nbr-info-blk {
  font-weight: 700;
  font-size: 20px;
  color: #00779d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nbr-info-blk .no {
  font-weight: 700;
  font-size: 20px;
  color: #00779d;
  position: relative;
  margin-right: 16px;
}
.nbr-info-blk .no .eng-star {
  width: 8px;
  height: 8px;
  background: url(/assets/images/eng-star.svg) center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 2px;
  right: -8px;
}
.nbr-info-blk .nbr-logo img {
  width: 84px;
}
@media (max-width: 575px) {
  .nbr-info-blk .nbr-logo img {
    width: 100%;
  }
}

.location-blk {
  position: fixed;
  top: 74px;
  left: 0;
  width: 464px;
  padding: 16px;
  z-index: 9;
}
@media (max-width: 991px) {
  .location-blk {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 92px 16px 16px;
    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;
  }
}
@media (max-width: 575px) {
  .location-blk {
    width: 100%;
    padding: 72px 16px 26px;
    z-index: 5;
  }
}

.location-card {
  background: #ffffff;
  border: 1px solid rgba(42, 70, 112, 0.06);
  -webkit-box-shadow: 2px 4px 8px rgba(24, 50, 115, 0.03);
  box-shadow: 2px 4px 8px rgba(24, 50, 115, 0.03);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  margin-bottom: 16px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
@media (max-width: 767px) {
  .location-card {
    margin-bottom: 8px;
  }
}
.location-card:hover {
  -webkit-box-shadow: 2px 4px 8px rgba(24, 50, 115, 0.1);
  box-shadow: 2px 4px 8px rgba(24, 50, 115, 0.1);
}
.location-card:hover .btn-more .angle-arrow-right {
  -webkit-transform: translateX(2px);
  -ms-transform: translateX(2px);
  transform: translateX(2px);
}
.location-card .loc-img img {
  width: 108px;
  height: 108px;
  border-radius: 6px;
}
@media (max-width: 575px) {
  .location-card .loc-img img {
    width: 90px;
    height: 104px;
  }
}
.location-card .location-info {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-left: 12px;
  width: 100%;
}
.location-card .location-info .name {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: #18182b;
  margin-bottom: 6px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.location-card .location-info .name:hover {
  text-decoration: none;
  color: #0045ff;
}
.location-card .location-info .address {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #9494ab;
  max-width: 126px;
  white-space: normal;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .location-card .location-info .address {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
  }
}
@media (max-width: 450px) {
  .location-card .location-info .address {
    max-width: 150px;
    margin-bottom: 10px;
  }
}
.location-card .location-info .btn-more {
  float: right;
  margin-top: 8px;
}

.locations-lists {
  overflow-y: auto;
  height: calc(100vh - 180px);
  padding-right: 16px;
  margin-right: -16px;
  padding-left: 16px;
  margin-left: -16px;
}
@media (max-width: 991px) {
  .locations-lists {
    /* display: -webkit-box;
      display: -ms-flexbox;
      display: flex; */
    height: 140px;
    padding-right: 8px;
    padding-left: 8px;
  }
}
@media (max-width: 991px) and (max-width: 575px) {
  .locations-lists {
    height: 126px;
  }
}
@media (max-width: 991px) {
  .locations-lists .location-card {
    /* margin: 0 8px; */
    min-width: 350px;
  }
}

@media (max-width: 768px) {
  .locations-lists .location-card {
    /* margin: 0 8px; */
    min-width: 350px;
  }
}

@media (max-width: 991px) and (min-width: 767px) {
  .locations-lists .location-card {
    padding-bottom: 8px;
  }
}

.location-lg-card {
  padding: 12px;
  width: 100%;
  position: fixed;
  top: 100px;
  right: 20%;
  background: #ffffff;
  border: 1px solid rgba(42, 70, 112, 0.06);
  -webkit-box-shadow: 2px 12px 20px rgba(24, 50, 115, 0.26);
  box-shadow: 2px 12px 20px rgba(24, 50, 115, 0.26);
  border-radius: 10px;
  z-index: 99;
  width: 320px;
  height: 580px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.location-lg-card:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-right: 18px solid #fff;
  border-bottom: 12px solid transparent;
  left: -17px;
  top: 32%;
  border-radius: 7px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.location-lg-card:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-right: 18px solid #c7c7d7;
  border-bottom: 12px solid transparent;
  left: -19px;
  top: 32%;
  border-radius: 7px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.2;
}
@media (max-width: 1280px) {
  .location-lg-card {
    height: auto;
    top: 85px;
  }
}
.location-lg-card.show {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 991px) {
  .location-lg-card {
    max-width: 280px;
    height: auto;
    top: 120px;
    left: 0;
    margin: auto;
    right: 0;
  }
}
@media (max-width: 767px) {
  .location-lg-card {
    top: 60px;
  }
}
.location-lg-card .loc-img img {
  width: 100%;
  height: 184px;
  border-radius: 8px;
}
@media (max-width: 1280px) {
  .location-lg-card .loc-img img {
    height: 140px;
  }
}
@media (max-width: 991px) {
  .location-lg-card .loc-img img {
    height: 110px;
  }
}
.location-lg-card .location-card-info {
  padding: 16px 0 0;
}
.location-lg-card .location-card-info .name {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #18182b;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .location-lg-card .location-card-info .name {
    font-size: 16px;
  }
}
.location-lg-card .location-card-info .circle-progressbar {
  margin-bottom: 12px;
}

.circle-progressbar p {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.0048em;
  color: #8181a6;
  padding-left: 8px;
}

.lci-table > table {
  width: 100%;
  border-collapse: unset;
}
.lci-table > table tr td {
  border-top: 1px solid #eeeef6;
  padding: 8px 0;
}
@media (max-width: 991px) {
  .lci-table > table tr td {
    padding: 5px 0;
  }
}
.lci-table > table tr td table.inner-table {
  width: 100%;
  border-collapse: unset;
}
.lci-table > table tr td table.inner-table tr td {
  border: none;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: #17174c;
  padding: 2px 0;
}
@media (max-width: 991px) {
  .lci-table > table tr td table.inner-table tr td {
    font-size: 13px;
  }
}
.lci-table > table tr td table.inner-table tr td .circle-progressbar {
  float: right;
  margin-bottom: 0;
}
.lci-table > table tr td table.inner-table tr td .circle-progressbar .progress {
  width: 24px;
  height: 24px;
}
.lci-table
  > table
  tr
  td
  table.inner-table
  tr
  td
  .circle-progressbar
  .progress
  .progress-bar.pb-red {
  border-color: #ff727a;
}
.lci-table > table tr td table.inner-table tr td .circle-progressbar p {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: #17174c;
}
.lci-table > table tr td table.inner-table tr td .online {
  color: #15a323;
}

.cam-blk figure .img-fluid {
  border-radius: 4px;
}
@media (max-width: 1440px) {
  .cam-blk figure .img-fluid {
    height: 260px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.location-header .search {
  float: right;
  width: 100%;
}
.location-header .search .search-input {
  padding-left: 16px;
}
.location-header .search .search-btn {
  left: auto;
  right: 0;
}
.location-header .search .close-btn {
  left: auto;
  right: 0;
}

.hamBur-icon {
  min-width: 16px;
  height: 16px;
  display: block;
  margin: 5px 0 0 8px;
}
.hamBur-icon span {
  height: 2px;
  background: #9494ab;
  border-radius: 4px;
  display: block;
  margin-bottom: 3px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.hamBur-icon span:last-child {
  margin-bottom: 0;
}

.menu-dd .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8181a6;
}
.menu-dd .dropdown-toggle::after {
  display: none;
}

.menu-dd .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  top: 24px !important;
}

.menu-dd.show .dropdown-toggle {
  color: #0045ff !important;
}
.menu-dd.show .dropdown-toggle .hamBur-icon span {
  background: #0045ff !important;
}

.custom-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 23px;
}
.custom-progress label {
  font-weight: 600;
  font-size: 12px;
  color: #9494ab;
  margin-bottom: 0;
}
.custom-progress label:first-child {
  width: 28px;
  text-align: right;
}
.custom-progress .progress {
  height: 8px;
  background: #e4ebff;
  border-radius: 70px;
  width: 100%;
  margin: 0 20px 0 10px;
}
.custom-progress .progress .progress-bar {
  background: #0045ff;
  border-radius: inherit;
}

.tbl-blks-section {
  margin: 0 16px;
  overflow-x: auto;
}
@media (max-width: 1440px) {
  .tbl-blks-section {
    margin: 0 8px;
  }
}
.tbl-blks-section .tbl {
  width: 100%;
  border-spacing: 8px 0;
  border-collapse: separate;
}
@media (max-width: 1280px) {
  .tbl-blks-section .tbl {
    min-width: 1000px;
  }
}
.tbl-blks-section .tbl tr td {
  padding: 0 12px;
  border: 1px solid #f2f5f9;
  border-bottom: 0;
  border-radius: 2px;
  height: 54px;
}
.tbl-blks-section .tbl tr td.gray-cell-td {
  padding: 0;
  border: 0;
  height: 48px;
}
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell {
  background: #f2f5f9;
  padding: 4px 12px;
  line-height: 16px;
  margin-bottom: 8px;
}
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell.yellow-bg {
  background: #efbb32;
  color: #ffffff;
}
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell.yellow-bg label,
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell.yellow-bg p {
  color: inherit;
}
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell.red-bg {
  background: #ff1541;
  color: #ffffff;
}
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell.red-bg label,
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell.red-bg p {
  color: inherit;
}
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell label {
  color: #0045ff;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -0.01em;
  margin-bottom: 0px;
  line-height: inherit;
}
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell p {
  color: #0045ff;
  font-size: 14px;
  line-height: inherit;
}
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell p strong {
  font-weight: 700;
}
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell .cell-tbl {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -0.01em;
  color: #0045ff;
  padding: 0;
  margin: 0;
  width: 100%;
}
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell .cell-tbl td {
  padding: 0;
  margin: 0;
  height: 31px;
}
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell .cell-tbl td:last-child {
  text-align: right;
}
.tbl-blks-section
  .tbl
  tr
  td.gray-cell-td
  .gray-cell
  .cell-tbl
  td
  .circle-progressbar {
  float: right;
}
.tbl-blks-section
  .tbl
  tr
  td.gray-cell-td
  .gray-cell
  .cell-tbl
  td
  .circle-progressbar
  p {
  font-weight: 700;
}
.tbl-blks-section
  .tbl
  tr
  td.gray-cell-td
  .gray-cell
  .cell-tbl
  td
  .circle-progressbar
  .progress {
  width: 24px;
  height: 24px;
}
.tbl-blks-section
  .tbl
  tr
  td.gray-cell-td
  .gray-cell
  .cell-tbl
  td
  .circle-progressbar
  .progress::after {
  border: 4px solid #c7c7d7;
}
.tbl-blks-section
  .tbl
  tr
  td.gray-cell-td
  .gray-cell
  .cell-tbl
  td
  .circle-progressbar
  .progress
  .progress-bar {
  border-width: 4px;
}
.tbl-blks-section .tbl tr td.gray-cell-td .gray-cell .cell-tbl strong {
  font-weight: 700;
}
.tbl-blks-section .tbl tr td .cell-tbl-2 {
  width: 100%;
}
.tbl-blks-section .tbl tr td .cell-tbl-2 tr td {
  vertical-align: middle;
  padding: 0;
}
.tbl-blks-section .tbl tr td .cell-tbl-2 tr td label {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #18182b;
}
.tbl-blks-section .tbl tr td .cell-tbl-2 tr td .lock-icon {
  float: right;
}
.tbl-blks-section .tbl tr:last-child td {
  border-bottom: 1px solid #f2f5f9;
}

.lock-icon {
  background-image: url(/assets/images/lock-gray-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  display: block;
}
.lock-icon.active {
  background-image: url(/assets/images/lock-blue-icon.svg);
}

.lift-gray-icon {
  background-image: url(/assets/images/lift-gray-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 44px;
  height: 48px;
  display: block;
}

.lift-white-icon {
  background-image: url(/assets/images/lift-white-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 44px;
  height: 48px;
  display: block;
}

.lift-blue-icon {
  background-image: url(/assets/images/lift-blue-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 44px;
  height: 48px;
  display: block;
}

.arrow-blue-up-icon {
  background: url(/assets/images/arrow-blue-up-icon.svg) no-repeat center;
  width: 14px;
  height: 14px;
  display: block;
}

.arrow-white-up-icon {
  background: url(/assets/images/arrow-white-down-icon.svg) no-repeat center;
  width: 14px;
  height: 14px;
  display: block;
}

.lift-info-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.lift-info-blk:hover .custom-tooltip {
  visibility: visible;
  opacity: 1;
}
.lift-info-blk .level-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 5px;
  margin-top: 7px;
}
.lift-info-blk .level-info .level {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #2c2c44;
  padding-top: 5px;
}

.yellow-bg-lift {
  background: #efbb32;
}
.yellow-bg-lift .level-info .level {
  color: #ffffff;
}

.red-bg-lift {
  background: #ff1541;
}
.red-bg-lift .level-info .level {
  color: #ffffff;
}

.p-lift-icon {
  background: url(/assets/images/p-icon.svg) no-repeat center;
  width: 24px;
  height: 48px;
  display: block;
  margin-right: 6px;
}

.alert-lift-icon {
  background: url(/assets/images/alert-white-icon.svg) no-repeat center;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 6px;
}

.custom-tooltip {
  border-radius: 4px;
  padding: 4px 8px;
  position: absolute;
  top: -112%;
  line-height: 16px;
  min-width: 95px;
  left: -8px;
  background: rgba(17, 17, 23, 0.93);
  -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  visibility: hidden;
  opacity: 0;
}
.custom-tooltip::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #2c2c44;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}
.custom-tooltip label {
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.01em;
  margin-bottom: 0;
  line-height: inherit;
}
.custom-tooltip p {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.01em;
  color: #ffffff;
  opacity: 0.8;
  line-height: inherit;
}

#treeChart .highcharts-label h4 {
  font-weight: 600;
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  letter-spacing: -0.01em;
}

#treeChart .highcharts-label:first-child h4 {
  font-size: 18px;
  font-weight: 700;
}

.le-table-section {
  padding: 0 16px;
  overflow-x: auto;
}
@media (max-width: 1440px) {
  .le-table-section {
    padding: 0 8px;
  }
}
.le-table-section .table {
  border-collapse: unset;
  border-spacing: 8px 0;
  border-collapse: separate;
  min-width: 500px;
}
@media (max-width: 991px) {
  .le-table-section .table {
    min-width: 700px;
  }
}
.le-table-section .table tr td {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #18182b;
  border: 1px solid #f2f5f9;
  border-bottom: none;
  height: 56px;
  vertical-align: middle;
  padding: 0 12px;
}
.le-table-section .table tr td.light-blue-td {
  padding: 0;
  border: none;
}
.le-table-section .table tr td.light-blue-td .light-blue-bx {
  background-color: #f1f5ff;
  margin-bottom: 8px;
  padding: 0 12px;
}
.le-table-section .table tr td.light-blue-td .light-blue-bx > .row {
  height: 48px;
}
.le-table-section .table tr td.light-blue-td .light-blue-bx label {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -0.01em;
  color: #2c2c44;
}
.le-table-section .table tr td:last-child {
  width: 262px;
}
.le-table-section .table tr td.blue-bg-cell {
  background: #0045ff;
  color: #ffffff;
}
.le-table-section .table tr:last-child td {
  border-bottom: 1px solid #f2f5f9;
}
.le-table-section .circle-progressbar {
  float: right;
}
.le-table-section .circle-progressbar p {
  color: #0045ff;
  font-weight: 700;
  padding-left: 6px;
}
.le-table-section .circle-progressbar .progress {
  width: 24px;
  height: 24px;
}
.le-table-section .circle-progressbar .progress::after {
  border: 4px solid #c7c7d7;
}
.le-table-section .circle-progressbar .progress .progress-bar {
  border-width: 4px;
}
.le-table-section .dropdown {
  cursor: pointer;
}
.le-table-section .dropdown .dropdown-menu {
  right: auto !important;
  left: 120px !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  top: -96px !important;
}
.le-table-section .dropdown .dropdown-menu .dropdown-item {
  border-left: solid 2px transparent;
}
.le-table-section .dropdown .dropdown-menu .dropdown-item.active {
  color: #0045ff;
  border-color: #0045ff;
  background: #ecf1ff;
}

.custom-select-bx select {
  background-color: #ffffff;
  background-image: url(/assets/images/select-bx-arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  border: 1px solid #e1e1ed;
  border-radius: 2px;
  font-weight: 700;
  font-size: 13px;
  color: #8181a6;
  width: 125px;
  height: 32px;
  padding: 0 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.custom-select-bx select:focus {
  outline: none;
}
.custom-select-bx select::-ms-expand {
  display: none;
}

.more-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  z-index: 2;
}
@media (max-width: 575px) {
  .more-elements {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px;
  }
}
.more-elements > div {
  margin-left: 24px;
}
@media (max-width: 1280px) {
  .more-elements > div {
    margin-left: 12px;
  }
}
@media (max-width: 575px) {
  .more-elements > div {
    margin-left: 0;
  }
}

.be-table .table {
  border-collapse: unset;
}
.be-table .table tr td {
  padding: 13px 20px 13px 16px;
  border-bottom: 1px solid #f2f5f9;
  border-top: none;
}
@media (max-width: 1440px) {
  .be-table .table tr td {
    padding: 13px 20px 13px 16px;
  }
}
.be-table .table tr td label {
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #18182b;
  font-weight: 700;
}
.be-table .table tr td .three-dots {
  float: right;
  margin-right: -10px;
}
.be-table .table tr td .three-dots .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none !important;
  padding: 0;
  background-color: transparent;
}
.be-table .table tr td .three-dots .dropdown-menu {
  max-height: 220px;
  overflow: auto;
}
.be-table .table tr td.active {
  background-color: #0045ff;
  color: #ffffff;
}
.be-table .table tr td.active label {
  color: inherit;
}
.be-table .table tr td.active .three-dots .dropdown-toggle .dot {
  background: #ffffff;
}
.be-table .table tr:last-child td {
  border-bottom: none;
}

.floor-img {
  position: relative;
  margin-bottom: 90px;
}
.floor-img .main-img {
  width: 100%;
  height: 730px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6px;
}
.floor-img .wife-blue-round {
  position: absolute;
}
.floor-img .wife-blue-round.one {
  top: 41%;
  left: 18%;
}
.floor-img .wife-blue-round.two {
  top: 55%;
  left: 27%;
}
.floor-img .wife-blue-round.three {
  top: 61%;
  left: 18%;
}
.floor-img .wife-blue-round.four {
  top: 38%;
  left: 70%;
}
.floor-img .wife-blue-round.five {
  top: 59%;
  left: 64%;
}
.floor-img .wife-blue-round.six {
  top: 71%;
  left: 72%;
}
.floor-img .hvac-blue-round {
  position: absolute;
}
.floor-img .hvac-blue-round.one {
  top: 31%;
  left: 31%;
}
.floor-img .hvac-blue-round.two {
  top: 69%;
  left: 34%;
}

.wife-blue-round,
.hvac-blue-round {
  width: 60px;
  height: 60px;
  background: url(/assets/images/icon-meter.png) no-repeat center;
  display: inline-block;
  z-index: 7;
}
.wife-blue-round .custom-tooltip,
.hvac-blue-round .custom-tooltip {
  top: -32px;
  left: -17px;
  text-align: center;
}
.wife-blue-round .custom-tooltip p,
.hvac-blue-round .custom-tooltip p {
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.01em;
  color: #ffffff;
}
.wife-blue-round:hover .custom-tooltip,
.hvac-blue-round:hover .custom-tooltip {
  visibility: visible;
  opacity: 1;
}

.hvac-blue-round {
  background: url(/assets/images/hvac-blue.svg) no-repeat center;
}

.zoomin-out-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.zoomin-out-btns button {
  width: 32px;
  height: 32px;
  border: 1px solid #dfdfe6;
  border-radius: 4px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.zoomin-out-btns button.btn-zoomin {
  background-image: url(/assets/images/zoomin-icon.svg);
  margin-left: 12px;
}
.zoomin-out-btns button.btn-zoomout {
  background-image: url(/assets/images/zoomout-icon.svg);
}
.zoomin-out-btns button:hover {
  background-color: #edf2ff;
}

@media (max-width: 767px) {
  .highcharts-legend-item {
    margin-bottom: 8px;
  }
}

.doc-blue-round-icon {
  width: 48px;
  height: 48px;
  background-color: #edf2ff;
  background-image: url(/assets/images/doc-blue-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  display: inline-block;
}


.info-card-blk {
  background: #ffffff;
  border: 1px solid #eeeef4;
  -webkit-box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  border-radius: 6px;
  padding: 16px;
  width: 100%;
  max-width: 248px;
  height: 220px;
}
.info-card-blk .three-dots {
  float: right;
}
.info-card-blk .three-dots .dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  margin-right: -12px;
}
.info-card-blk .three-dots.show .dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
}
.info-card-blk .name {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #151518;
  margin-bottom: 24px;
  margin-top: 20px;
  min-height: 42px;
}

.btn-grp-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: space-between;*/
}
.btn-grp-2 .btn {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.01em;
  border-radius: 6px;
  min-width: 104px;
  height: 40px;
  line-height: 38px;
  padding: 0 16px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-grp-2 .btn.btn-show {
  color: #2c2c44;
  border: 1px solid #e7e7f4;
  margin-right: 4px;
}
.btn-grp-2 .btn.btn-show:hover {
  background-color: #edf2ff;
}
.btn-grp-2 .btn.btn-download {
  color: #ffffff;
  background-color: #0045ff;
  border: 1px solid #0045ff;
  margin-left: 4px;
}
.btn-grp-2 .btn.btn-download:hover {
  background-color: #083fd2;
}

.info-card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}
@media (max-width: 575px) {
  .info-card-row {
    margin: 0;
  }
}
.info-card-row .info-card-blk {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 18.8%;
  flex: 0 0 18.8%;
  max-width: 18.8%;
  width: 100%;
}
@media (max-width: 1580px) {
  .info-card-row .info-card-blk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23.6%;
    flex: 0 0 23.6%;
    max-width: 23.6%;
  }
}
@media (max-width: 1396px) {
  .info-card-row .info-card-blk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23.5%;
    flex: 0 0 23.5%;
    max-width: 23.5%;
  }
}
@media (max-width: 1280px) {
  .info-card-row .info-card-blk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.7%;
    flex: 0 0 31.7%;
    max-width: 31.7%;
  }
}
@media (max-width: 1199px) {
  .info-card-row .info-card-blk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.2%;
    flex: 0 0 31.2%;
    max-width: 31.2%;
  }
}
@media (max-width: 991px) {
  .info-card-row .info-card-blk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46.5%;
    flex: 0 0 46.5%;
    max-width: 46.5%;
  }
}
@media (max-width: 575px) {
  .info-card-row .info-card-blk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 15px;
  }
}

.blks-row .heading {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #18182b;
  margin-bottom: 8px;
}

.blks-row ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.blks-row ul::-webkit-scrollbar {
  display: none;
}
.blks-row ul li {
  width: 28px;
  text-align: center;
  margin-right: 12px;
}
.blks-row ul li .info-blk {
  background: #ffebd4;
  border-radius: 3px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.01em;
  color: #151518;
  width: 26px;
  height: 18px;
  line-height: 18px;
  display: block;
}
.blks-row ul li .info-blk.bg-color-1 {
  background: #ffe1be;
}
.blks-row ul li .info-blk.bg-color-2 {
  background: #ffd8aa;
}
.blks-row ul li .info-blk.bg-color-3 {
  background: #ffbf74;
}
.blks-row ul li .info-blk.bg-color-4 {
  background: #ffb155;
}
.blks-row ul li .info-blk.bg-color-5 {
  background: #ff8a00;
}
.blks-row ul li .info-blk.bg-color-6 {
  background: #ffb763;
}
.blks-row ul li .info-blk.bg-color-7 {
  background: #ffad4e;
}
.blks-row ul li .info-blk.bg-color-8 {
  background: #ffcc91;
}
.blks-row ul li .info-blk.bg-color-9 {
  background: #ffd8aa;
}
.blks-row ul li .time {
  font-weight: 600;
  font-size: 10px;
  color: #9494ab;
  display: block;
  margin-top: 4px;
}

.tr-ec {
  cursor: pointer;
}
.tr-ec .ec-arrow {
  padding-left: 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  left: -4px;
  top: -2px;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  border-radius: 2px;
}
.tr-ec .ec-arrow:hover {
  background: #e2eaff;
}
.tr-ec .ec-arrow::before {
  content: url(/assets/images/angle-arrow-icon.svg);
  border: none;
  left: 9px;
  top: 2px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.tr-ec.collapsed .ec-arrow::before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.emp-profile-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.emp-profile-blk .profile-img {
  margin-right: 8px;
}
.emp-profile-blk .profile-img img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.emp-profile-blk .name {
  margin-bottom: 4px;
}
.emp-profile-blk .info-blk {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -0.48px;
  color: #8181a6;
}

.status {
  height: 20px;
  line-height: 21px;
  display: inline-block;
  text-align: center;
  padding: 0 8px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
.status.open-tag {
  background: #e2eaff;
  color: #0045ff;
}
.status.progress-tag {
  background-color: #f9efe3;
  color: #da7805;
}
.status.close-tag {
  background-color: #e3f5ed;
  color: #119c59;
}
.status.overdue-tag {
  background-color: #fef1f4;
  color: #ff3b5e;
}

.expColps-blk {
  padding: 0 64px;
}
.expColps-blk .heading {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -0.48px;
  color: #8181a6;
}
.expColps-blk table {
  width: 100%;
  border-collapse: unset;
}
.expColps-blk table tr td {
  padding: 6px 0 8px !important;
  border-bottom: 1px solid #eeeef6 !important;
}
.expColps-blk table tr td .status {
  font-size: 8px;
}
.expColps-blk table tr:last-child td {
  border: none !important;
}

.ni-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ni-profile .profile-pic img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ni-profile .name {
  color: #18182b;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  padding-left: 8px;
}

.right-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (max-width: 575px) {
  .right-elements {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 16px;
  }
  .right-elements .btn {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}

.modal .modal-content {
  border-radius: 6px;
  border: 1px solid #eeeef4;
  -webkit-box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
}

.modal .close {
  background-image: url(/assets/images/x-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  opacity: 1;
  margin: 0;
}
.modal .close:hover {
  background-color: #edf2ff;
}

.modal .modal-title {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #18182b;
  margin-bottom: 0;
}

.modal .modal-header,
.modal .modal-body,
.modal .modal-footer {
  padding: 24px;
  border: none;
}

.modal.right .modal-header,
.modal.right .modal-body,
.modal.right .modal-footer {
  padding: 32px;
}
@media (max-width: 767px) {
  .modal.right .modal-header,
  .modal.right .modal-body,
  .modal.right .modal-footer {
    padding: 16px;
  }
}

.modal.right .modal-footer {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #ffffff;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .modal.right .modal-footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
  }
  .modal.right .modal-footer .d-flex {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) and (max-width: 575px) {
  .modal.right .modal-footer .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .modal.right .modal-footer .d-flex .btn {
    width: 100%;
    margin-bottom: 24px;
  }
}
.modal.right .modal-footer .link {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: #8181a6;
  display: block;
  cursor: pointer;
}
.modal.right .modal-footer .btn-primary {
  margin-right: 24px;
}

.btn-upload {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #0045ff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.btn-upload:hover label {
  text-decoration: underline;
}
.btn-upload .upload-icon {
  background: url(/assets/images/upload-icon.svg) no-repeat center;
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 5px;
  margin-top: 2px;
}
.btn-upload label {
  font-weight: 600;
  font-size: 14px;
  color: #0045ff;
  margin-bottom: 0;
}
.btn-upload .input-file {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-indent: -500px;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
}

.modal-title-grp .modal-title {
  margin-bottom: 8px;
}

.modal-title-grp .modal-des {
  font-size: 15px;
  letter-spacing: -0.01em;
  color: #9494ab;
}

.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 692px;
  max-width: 692px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  right: -692px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media (max-width: 767px) {
  .modal.right .modal-dialog {
    width: 100%;
    max-width: 100%;
    right: -100%;
  }
}

.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  border: none;
}

.modal.right-2 .modal-dialog {
  position: fixed;
  margin: auto;
  width: 570px;
  max-width: 570px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  right: -570px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media (max-width: 767px) {
  .modal.right-2 .modal-dialog {
    width: 100%;
    max-width: 100%;
    right: -100%;
  }
}

.modal.right-2 .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  border: none;
}

.modal.right-2 .modal-header,
.modal.right-2 .modal-body,
.modal.right-2 .modal-footer {
  padding-left: 32px;
  padding-right: 32px;
}
@media (max-width: 767px) {
  .modal.right-2 .modal-header,
  .modal.right-2 .modal-body,
  .modal.right-2 .modal-footer {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.modal.show .modal-dialog {
  right: 0;
}

.modal-body-space {
  padding-right: 0px;
}
@media (max-width: 767px) {
  .modal-body-space {
    padding-right: 0;
  }
}

.upload-img {
  background: #fcfdfe;
  border: 1px dashed #e9eef3;
  -webkit-box-shadow: inset 0px 1px 2px #ebf0f8;
  box-shadow: inset 0px 1px 2px #ebf0f8;
  border-radius: 6px;
  position: relative;
  height: 150px;
  text-align: unset;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.upload-img:hover {
  background: #edf2ff;
}
.upload-img .upload-label {
  margin-bottom: 0;
  width: 100%;
  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;
  height: 100%;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #9494ab;
}
.upload-img .upload-label .primary-color {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 6px;
  font-weight: 700;
}
.upload-img .upload-label .primary-color .plus-icon {
  width: 14px;
  height: 14px;
  background: url(/assets/images/plus-icon.svg) no-repeat center;
  display: inline-block;
  margin-right: 12px;
}
.upload-img .upload-label .primary-color .upload-img-icon {
  width: 18px;
  height: 18px;
  background: url(/assets/images/img-icon.svg) no-repeat center;
  display: inline-block;
  margin-right: 12px;
}
.upload-img .input-file {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-indent: -500px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
}

#systemCapacity .highcharts-title .main-txt,
#parkingSummary .highcharts-title .main-txt {
  font-weight: 600;
  font-size: 24px;
  fill: #2c2c44;
}

#systemCapacity .highcharts-title .small-txt,
#parkingSummary .highcharts-title .small-txt {
  font-size: 13px;
  letter-spacing: -0.48px;
  fill: #8181a6;
}

.white-bg-cal {
  background: #ffffff;
  padding: 20px 0 0;
  border: 1px solid #eeeef6;
  border-radius: 6px;
}
.white-bg-cal .fc-header-toolbar {
  padding: 0 20px;
}
@media (max-width: 575px) {
  .white-bg-cal .fc-header-toolbar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.white-bg-cal .fc-header-toolbar .fc-toolbar-chunk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 575px) {
  .white-bg-cal .fc-header-toolbar .fc-toolbar-chunk:first-child {
    margin-bottom: 16px;
  }
}
.white-bg-cal
  .fc-header-toolbar
  .fc-toolbar-chunk:first-child
  .fc-button-group
  .fc-button {
  background: #ffffff;
  padding: 0;
  border: none;
  margin-left: 8px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border-radius: 50%;
}
.white-bg-cal
  .fc-header-toolbar
  .fc-toolbar-chunk:first-child
  .fc-button-group
  .fc-button:hover {
  background-color: #edf2ff;
}
.white-bg-cal
  .fc-header-toolbar
  .fc-toolbar-chunk:first-child
  .fc-button-group
  .fc-button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.white-bg-cal
  .fc-header-toolbar
  .fc-toolbar-chunk:first-child
  .fc-button-group
  .fc-button
  .fc-icon {
  color: #a3a5d4;
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  border: 1px solid #cbcbe4;
  border-radius: 50%;
  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;
}
.white-bg-cal
  .fc-header-toolbar
  .fc-toolbar-chunk:last-child
  .fc-button-primary {
  background-color: #ffffff;
  border: none;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 13px;
  background: #ffffff;
  border: 1px solid #e1e1ed;
  -webkit-box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08);
  box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08);
  border-radius: 2px;
  color: #2f5df2;
  margin-left: 16px;
  padding: 0 12px;
  height: 32px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media (max-width: 575px) {
  .white-bg-cal
    .fc-header-toolbar
    .fc-toolbar-chunk:last-child
    .fc-button-primary {
    margin: 0 8px;
  }
}
.white-bg-cal
  .fc-header-toolbar
  .fc-toolbar-chunk:last-child
  .fc-button-primary:hover {
  background-color: #edf2ff;
}
.white-bg-cal
  .fc-header-toolbar
  .fc-toolbar-chunk:last-child
  .fc-button-primary
  .fc-button-active,
.white-bg-cal
  .fc-header-toolbar
  .fc-toolbar-chunk:last-child
  .fc-button-primary:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #edf2ff;
}
.white-bg-cal .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #18182b;
}
.white-bg-cal .fc-view .fc-view-harness {
  margin: 0 -20px;
}
.white-bg-cal .fc-view td,
.white-bg-cal .fc-view th,
.white-bg-cal .fc-view .fc-scrollgrid {
  border-color: #eeeef6 !important;
  text-align: center;
}
.white-bg-cal .fc-view .fc-scrollgrid {
  border-left: 0;
  border-right: 0;
}
.white-bg-cal .fc-view .fc-daygrid-day-frame {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.white-bg-cal .fc-view .fc-day-today {
  background-color: transparent;
}
.white-bg-cal .fc-view .fc-day-today .fc-daygrid-day-number {
  color: #151518 !important;
}
.white-bg-cal .fc-view table tr th {
  border-right-color: #ffffff !important;
}
.white-bg-cal .fc-view table tr td .fc-daygrid-day:hover a {
  color: #0045ff;
  text-decoration: none;
}
.white-bg-cal .fc-view table tr td a {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #8181a6;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
  display: block;
}
.white-bg-cal .fc-view table tr td:last-child {
  border-right: 0;
}

@media (max-width: 991px) {
  .calender-wrapper {
    overflow-x: auto;
  }
  .calender-wrapper #calendar {
    width: 750px;
  }
  .calender-wrapper .fc-header-toolbar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

#calendar {
  height: 1020px;
}
@media (max-width: 1199px) {
  #calendar {
    height: auto;
  }
}
#calendar .fc-scrollgrid-sync-table {
  min-height: 936px;
}
@media (max-width: 1199px) {
  #calendar .fc-scrollgrid-sync-table {
    min-height: unset;
  }
}

.table-header-2 {
  margin-bottom: 18px;
  margin-top: 8px;
}
.table-header-2 .th-left,
.table-header-2 .th-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 575px) {
  .table-header-2 .th-left,
  .table-header-2 .th-right {
    -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;
  }
}
.table-header-2 .th-left .search,
.table-header-2 .th-right .search {
  min-width: 292px;
}
@media (max-width: 1199px) {
  .table-header-2 .th-left .search,
  .table-header-2 .th-right .search {
    min-width: unset;
  }
}
@media (max-width: 575px) {
  .table-header-2 .th-left .search,
  .table-header-2 .th-right .search {
    width: 100%;
  }
}
.table-header-2 .th-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (max-width: 1199px) {
  .table-header-2 .th-left {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 18px;
  }
}
@media (max-width: 575px) {
  .table-header-2 .th-left .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-right: 0;
  }
  .table-header-2 .th-left .d-flex .form-group {
    width: 100%;
    margin-right: 0;
  }
  .table-header-2 .th-left .d-flex .form-group .form-control {
    margin-top: 16px;
  }
}
.table-header-2 .th-left{
  gap: 16px;

}
.table-header-2 .th-left div{
  /* margin-left: 16px; */
  gap: 16px;
}

@media (max-width: 575px) {
  .table-header-2 .th-left div {
    margin-left: 0;
    margin-right: 16px;
  }
}
.table-header-2 .th-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (max-width: 1199px) {
  .table-header-2 .th-right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (max-width: 575px) {
  .table-header-2 .th-right .search .search-input {
    max-width: 100%;
  }
}
.table-header-2 .th-right > div {
  margin-left: 16px;
}
@media (max-width: 1199px) {
  .table-header-2 .th-right > div {
    margin-left: 0;
    margin-bottom: 16px;
  }
}
@media (max-width: 575px) {
  .table-header-2 .th-right > div {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .table-header-2 .th-right .btn {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.upload-img-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
  position: relative;
}
.upload-img-profile:hover .btn-primary {
  background-color: #083fd2 !important;
}
.upload-img-profile .input-file {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-indent: -500px;
  overflow: hidden;
}
.upload-img-profile .user-img {
  width: 88px;
  height: 88px;
  border: 1px solid #e0e0e5;
  border-radius: 50%;
  background: url(/assets/images/user-ph-img.svg) no-repeat center;
}
.upload-img-profile .btn-primary {
  margin-left: 18px;
}

.star-blue {
  background: url(/assets/images/star-blue.svg) no-repeat right 1px;
  padding-right: 26px;
}

.sel-ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1199px) {
  .sel-ul {
    margin-top: 12px;
  }
}
.sel-ul li {
  border-right: 1px solid #cbcbcb;
  padding-right: 18px;
  margin-right: 18px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #8181a6;
}
.sel-ul li:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
.sel-ul li .dact-icon {
  background-image: url(/assets/images/dact-red-icon.svg);
  background-position: 0 center;
  background-repeat: no-repeat;
  color: #ff3b5e;
  padding-left: 28px;
  cursor: pointer;
}
.sel-ul li .del-icon {
  background-image: url(/assets/images/delete-red-icon.svg);
  background-position: 0 center;
  background-repeat: no-repeat;
  color: #ff3b5e;
  padding-left: 22px;
  cursor: pointer;
}
.sel-ul li .draft-icon {
  background-image: url(/assets/images/draft-icon.svg);
  background-position: 0 center;
  background-repeat: no-repeat;
  color: #8181a6;
  padding-left: 22px;
  cursor: pointer;
  letter-spacing: -0.0048em;
}

.weather-location {
  float: right;
}
@media (max-width: 575px) {
  .weather-location {
    width: 100%;
    margin: 12px 0;
  }
}
.weather-location .time {
  font-weight: 700;
  font-size: 22px;
  color: #17174c;
}
.weather-location .date {
  font-weight: 700;
  font-size: 15px;
  color: #9a9abc;
  margin-bottom: 4px;
}
.weather-location .location {
  font-weight: 700;
  font-size: 15px;
  color: #17174c;
}

.location-img img {
  width: 100%;
  height: 146px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}

.slider-w-blk-2 .wo-info {
  font-size: 14px;
  color: #a2a2c2;
}
@media (max-width: 575px) {
  .slider-w-blk-2 .wo-info {
    margin-bottom: 12px;
  }
}

.slider-w-blk-2 .todays-forcast {
  margin-top: 7px;
}
@media (max-width: 575px) {
  .slider-w-blk-2 .todays-forcast {
    margin-bottom: 16px;
  }
}
.slider-w-blk-2 .todays-forcast i {
  max-height: 80px;
}
.event-card {
  border: 1px solid rgba(239, 240, 255, 0.88);
  border-radius: 6px;
  background: #ffffff;
  max-width: 130px;
  width: 100%;
  height: 240px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 767px) {
  .event-card {
    height: 155px;
  }
}
.event-card:hover {
  border-color: #0045ff;
}
.event-card:hover .date-info {
  background-color: #0045ff;
}
.event-card .date-info {
  background: #4a4a68;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding: 6px 8px;
}
.event-card .date-info .day {
  font-weight: 700;
  font-size: 15px;
  color: #ffffff;
  line-height: normal;
}
.event-card .date-info .date {
  font-size: 13px;
  color: #ffffff;
  opacity: 0.7;
  line-height: normal;
}
.event-card .event-info {
  padding: 18px 10px;
}
.event-card .event-info .name {
  font-weight: 700;
  font-size: 15px;
  color: #17174c;
  margin-bottom: 8px;
}
.event-card .event-info .time,
.event-card .event-info .location {
  font-size: 14px;
  color: #9a9abc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.event-card .event-info .time .clock-icon {
  background: url(/assets/images/clock-icon-2.svg) no-repeat center;
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 4px;
  margin-top: -1px;
}
.event-card .event-info .location .location-icon {
  background: url(/assets/images/location-icon-2.svg) no-repeat center;
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 4px;
  margin-top: -1px;
}

.blog-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .blog-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .blog-card.horizontal-card {
    margin: -16px -16px 0;
  }
  .blog-card .blog-img,
  .blog-card .blog-content {
    max-width: 100% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0;
  }
  .blog-card .blog-img {
    border-radius: 6px 6px 0 0 !important;
  }
  .blog-card .blog-img img {
    height: 152px !important;
  }
  .blog-card .blog-content {
    padding: 16px;
  }
  .blog-card .blog-content .name {
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .blog-card .blog-content .des {
    min-height: 80px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .blog-card .blog-content .des {
    min-height: unset !important;
  }
}
.blog-card .blog-img {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 100%;
  height: 288px;
  border-radius: 6px;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .blog-card .blog-img {
    height: 301px;
  }
}
.blog-card .blog-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-card .blog-content {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 100%;
  padding-left: 20px;
}
.blog-card .blog-content .name {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #18182b;
  margin-bottom: 20px;
  display: block;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.blog-card .blog-content .des {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.48px;
  color: #8181a6;
  margin-bottom: 12px;
  min-height: 164px;
}
@media (max-width: 767px) {
  .blog-card .blog-content .des {
    min-height: unset;
  }
}
.blog-card:hover .blog-content .name {
  color: #0045ff;
  text-decoration: none;
}
.blog-card.vertical-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.blog-card.vertical-card .blog-img,
.blog-card.vertical-card .blog-content {
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-left: 0;
}
.blog-card.vertical-card .blog-img {
  border-radius: 6px 6px 0 0;
}
.blog-card.vertical-card .blog-img img {
  height: 152px;
}
.blog-card.vertical-card .blog-content {
  padding: 16px;
}
.blog-card.vertical-card .blog-content .name {
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.blog-card.vertical-card .blog-content .des {
  min-height: 80px;
}

.quick-card {
  width: 100%;
  /* height: 210px; */
  height: calc(100% - 16px);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.quick-card:hover {
  -webkit-box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
/* @media (max-width: 1440px) {
    .quick-card {
      height: 208.5px; } } */

.quick-card.tenant {
  background: #fbecea;
}
.quick-card.perks {
  background: #e5f5fa;
}
.quick-card.new-user {
  background: #eef0ff;
}
.quick-card.place-nearby {
  background: #f8f1e5;
}
.quick-card.maintenance {
  background: #eaf3fb;
}
.quick-card.file-info {
  background: #fbeafa;
}
.quick-card.asset-register {
  background: #e5f5fa;
}
.quick-card.booking {
  background: #eef0ff;
}
.quick-card.floor-plan {
  background: #fbecea;
}

.quick-card .quick-img {
  /* width: 100%;
    height: 100%;  */
  width: 100%;
  height: calc(100% - 60px);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 130px;
}
/* .quick-card .quick-img .img-fluid {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; } */
.quick-card .quick-content {
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(51.89%, rgba(0, 0, 0, 0)), color-stop(87.26%, rgba(0, 0, 0, 0.95)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 51.89%, rgba(0, 0, 0, 0.95) 87.26%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 51.89%, rgba(0, 0, 0, 0.95) 87.26%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 51.89%, rgba(0, 0, 0, 0.95) 87.26%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; */
  padding: 0px 11px 26px 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
.quick-card .quick-content .name {
  /* color: #ffffff; */
  color: #151518;
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.01em;
}

.post-section {
  background: #ffffff;
  -webkit-box-shadow: 0px 20px 27px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 20px 27px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  padding: 24px;
  margin-right: 24px;
}
@media (max-width: 1440px) {
  .post-section {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .post-section {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

#wrapper-2 {
  margin-top: 120px;
  padding: 0 80px;
  margin-bottom: 64px;
}
@media (max-width: 991px) {
  #wrapper-2 {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  #wrapper-2 {
    padding: 0;
    margin-top: 64px;
  }
}

.text-editor-section {
  margin-top: 24px;
}
.text-editor-section .note-editor.note-frame {
  background: #ffffff;
  border: 1px solid #e9eef3;
  -webkit-box-shadow: inset 0px 1px 2px #ebf0f8;
  box-shadow: inset 0px 1px 2px #ebf0f8;
  border-radius: 6px;
  height: 565px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .text-editor-section .note-editor.note-frame {
    height: auto;
  }
}
.text-editor-section .note-editor.note-frame .note-editable {
  min-height: 508px;
}
@media (max-width: 767px) {
  .text-editor-section .note-editor.note-frame .note-editable {
    min-height: unset;
  }
}
.text-editor-section .note-status-output {
  display: none !important;
}

.note-tooltip.bottom div {
  width: auto !important;
}

.booking-list {
  overflow-y: auto;
  height: calc(177vh - 180px);
  padding-right: 16px;
  margin-right: -16px;
  padding-left: 16px;
  margin-left: -16px;
}
@media (max-width: 1199px) {
  .booking-list {
    height: auto;
  }
}

.booking-card {
  background: #ffffff;
  border: 1px solid rgba(42, 70, 112, 0.06);
  -webkit-box-shadow: 2px 4px 8px rgba(24, 50, 115, 0.03);
  box-shadow: 2px 4px 8px rgba(24, 50, 115, 0.03);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  margin-bottom: 16px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
  height: 100px;
}
@media (max-width: 575px) {
  .booking-card {
    margin-bottom: 8px;
  }
}
.booking-card:hover {
  -webkit-box-shadow: 2px 4px 8px rgba(24, 50, 115, 0.1);
  box-shadow: 2px 4px 8px rgba(24, 50, 115, 0.1);
}
.booking-card:hover .btn-more .angle-arrow-right {
  -webkit-transform: translateX(2px);
  -ms-transform: translateX(2px);
  transform: translateX(2px);
}
.booking-card .loc-img {
  width: 84px;
  height: 84px;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 0px;
}
@media (max-width: 575px) {
  .booking-card .loc-img {
    width: 72px;
  }
}
.booking-card .loc-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.booking-card .location-info {
  padding-left: 12px;
  width: calc(100% - 84px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.booking-card .location-info .name {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: #18182b;
  margin-bottom: 6px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.booking-card .location-info .name:hover {
  text-decoration: none;
  color: #0045ff;
}
.booking-card .location-info .address {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #9494ab;
  max-width: 126px;
  white-space: normal;
  margin-bottom: 12px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: none;
}
@media (max-width: 450px) {
  .booking-card .location-info .address {
    max-width: 150px;
    margin-bottom: 10px;
  }
}
.booking-card .location-info .btn-more {
  margin-top: 8px;
}

.custom-hr {
  border-top: 1px solid #eeeef6;
}

.booking-info-section .booking-img figure img {
  width: 100%;
  height: 224px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6px;
}

.booking-info-section .booking-img-info {
  margin-top: 16px;
}
.booking-info-section .booking-img-info .heading {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.01em;
  color: #18182b;
  margin-bottom: 10px;
}
.booking-info-section .booking-img-info .des {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #2c2c44;
}

.features-section {
  margin: 36px 0 32px;
}
.features-section h5 {
  font-size: 18px;
}
.features-section .list-blk {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #2c2c44;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.features-section .list-blk .icon {
  margin-right: 16px;
}

.booking-form {
  border: 1px solid #eeeef4;
  -webkit-box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  border-radius: 6px;
  padding: 24px;
}

.tt-price p {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #2c2c44;
}

.bs-table {
  overflow-x: auto;
}
.bs-table .table {
  border-collapse: unset;
}
.bs-table .table tr td {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.0048em;
  color: #2c2c44;
  padding: 16px 4px;
  border-bottom: 1px solid #eeeef6;
  border-top: none;
}
@media (max-width: 1366px) {
  .bs-table .table tr td {
    padding: 12px 4px;
  }
}
@media (max-width: 1280px) {
  .bs-table .table tr td {
    padding: 10px 4px;
  }
}
.bs-table .table tr td:first-child {
  padding-left: 0;
}
.bs-table .table tr td:last-child {
  padding-right: 0;
}
.bs-table .table tr:last-child td {
  border-bottom: none;
}

.label-txt {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.0048em;
  color: #2c2c44;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
@media (max-width: 1440px) {
  .label-txt {
    white-space: normal;
    font-size: 14px;
  }
}
.label-txt .icon {
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  margin-top: 4px;
}
@media (max-width: 1440px) {
  .label-txt .icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
}
.label-txt .icon.bell-icon {
  background-image: url(/assets/images/bell-red-icon.svg);
}
.label-txt .icon.green-check-icon {
  background-image: url(/assets/images/check-green-round-icon.svg);
}
.label-txt .icon.ventilation-icon {
  background-image: url(/assets/images/ventilation-icon.svg);
}
.label-txt .icon.electrical-icon {
  background-image: url(/assets/images/electrical-icon.svg);
}
.label-txt .icon.chilled-icon {
  background-image: url(/assets/images/chilled-icon.svg);
}
.label-txt .icon.temp-icon {
  background-image: url(/assets/images/temp-icon.svg);
}
.label-txt .icon.hws-icon {
  background-image: url(/assets/images/hws-icon.svg);
}

.blog-details-page .blog-img {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.blog-details-page .blog-img .blog-img-content {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 56px;
}
@media (max-width: 767px) {
  .blog-details-page .blog-img .blog-img-content {
    padding: 16px;
  }
}
.blog-details-page .blog-img .blog-img-content .d-flex .profile-info {
  padding-left: 10px;
}
.blog-details-page .blog-img .blog-img-content .d-flex .profile-info .name,
.blog-details-page .blog-img .blog-img-content .d-flex .profile-info .date {
  color: #ffffff;
  display: block;
  padding-left: 0;
}
.blog-details-page .blog-img .blog-img-content .d-flex .profile-info .name {
  font-weight: 600;
}
.blog-details-page .blog-img .blog-img-content .d-flex .profile-info .date {
  opacity: 0.7;
  font-size: 13px;
}
.blog-details-page .blog-img .blog-img-content .heading {
  font-size: 48px;
  color: #ffffff;
  max-width: 1000px;
}
@media (max-width: 767px) {
  .blog-details-page .blog-img .blog-img-content .heading {
    font-size: 36px;
  }
}
.blog-details-page .blog-img .blog-img-content .bi-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 56px;
}
@media (max-width: 767px) {
  .blog-details-page .blog-img .blog-img-content .bi-bottom {
    padding: 16px;
  }
}
.blog-details-page .blog-img .main-img {
  width: 100%;
  height: 450px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .blog-details-page .blog-img .main-img {
    height: 400px;
  }
}

.blog-details-page .blog-content {
  padding: 32px 0;
}
.blog-details-page .blog-content p {
  margin-bottom: 24px;
}
.blog-details-page .blog-content ul {
  padding: 24px 16px;
}
.blog-details-page .blog-content ul li {
  margin-bottom: 16px;
}

.share-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #0045ff;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.share-icon:hover {
  background: #083fd2;
}
.share-icon img {
  width: 20px;
  margin-left: -2px;
}

.share-dd .dropdown-menu {
  background: transparent;
  border: none;
  padding: 4px 0 0;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  right: 50px !important;
  left: auto !important;
}
@media (max-width: 767px) {
  .share-dd .dropdown-menu {
    bottom: 45px !important;
    top: auto !important;
    min-width: 32px;
    right: 0 !important;
  }
}
.share-dd .dropdown-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
}
@media (max-width: 767px) {
  .share-dd .dropdown-menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .share-dd .dropdown-menu ul li {
    margin-bottom: 12px;
  }
}
.share-dd .dropdown-menu ul li button img {
  width: 42px;
}
@media (max-width: 767px) {
  .share-dd .dropdown-menu ul li button img {
    width: 32px;
  }
}

/*ticket setting*/
.setting-blk {
  padding: 24px 24px 0;
}
.setting-blk.white-bg {
  height: 570px;
  overflow-y: auto;
}
@media (max-width: 575px) {
  .setting-blk.white-bg {
    height: auto;
  }
}
.setting-blk .setting-header h5 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}
.setting-blk .btn-primary {
  padding: 0 18px;
}
.setting-blk table {
  width: 100%;
}
.setting-blk table td {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #2c2c44;
  padding: 10px 0;
}
.setting-blk table td .action-blk {
  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;
}

.action-btn {
  width: 24px;
  height: 24px;
  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: #ffffff;
  border: 1px solid rgba(209, 216, 227, 0.48);
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
  border-radius: 46px;
}

.upload-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
}
.upload-section .image-blk {
  border: 1px dashed rgba(148, 148, 171, 0.3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  width: 166px;
  height: 120px;
  padding: 4px;
}
.upload-section .image-blk img {
  width: 100%;
  height: 100%;
}
.upload-section .content-blk {
  width: calc(100% - 166px);
  padding-left: 20px;
}
.upload-section .content-blk .upload-btn {
  margin-bottom: 8px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.upload-section .content-blk .upload-btn input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  z-index: 1;
  cursor: pointer;
}
.upload-section .content-blk .upload-btn label {
  background: #ffffff;
  border: 1px solid #e1e1ed;
  border-radius: 62px;
  height: 32px;
  padding: 0 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #9494ab;
  margin: 0;
}

.edit-info {
  background: #fcfdfe;
  border: 1px solid #e9eef3;
  -webkit-box-shadow: inset 0px 1px 2px #ebf0f8;
  box-shadow: inset 0px 1px 2px #ebf0f8;
  border-radius: 6px;
  padding: 8px 12px;
  margin-bottom: 16px;
}
.edit-info p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -0.48px;
  color: #2c2c44;
}

.info-ui {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -0.48px;
  color: #8181a6;
}

.Availability-list {
  margin-top: 10px;
}
.Availability-list table {
  width: 100%;
}
.Availability-list table th {
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #9494ab;
  padding: 5px 5px;
}
.Availability-list table td {
  padding: 5px 5px;
}
.Availability-list table td .form-group {
  margin-bottom: 0;
}
.Availability-list table td .form-group .form-control {
  height: 30px;
  font-size: 14px;
  background: #fcfdfe;
  border: 1px solid #e9eef3;
  -webkit-box-shadow: inset 0px 1px 2px #ebf0f8;
  box-shadow: inset 0px 1px 2px #ebf0f8;
  border-radius: 6px;
}
.Availability-list table td .form-group .form-control:disabled {
  background: rgba(148, 148, 171, 0.1);
  border: 1px solid #e9eef3;
  -webkit-box-shadow: inset 0px 1px 2px #ebf0f8;
  box-shadow: inset 0px 1px 2px #ebf0f8;
  border-radius: 6px;
}
.Availability-list .add-btn {
  background: #17cb75;
  width: 24px;
  height: 24px;
  border-radius: 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;
  padding: 0;
}
.Availability-list .add-btn .plus-icon {
  width: 14px;
  height: 14px;
  background: url(/assets/images/plus-white-icon.svg) no-repeat center;
  display: block;
  margin-right: 0px;
  padding: 0;
}

.switch-btn-ui {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.switch-btn-ui .switch {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 12px;
  border-radius: 32px;
}
.switch-btn-ui .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-btn-ui .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 32px;
}
.switch-btn-ui .slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 2px;
  bottom: 1px;
  border-radius: 100%;
  background-color: white;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.switch-btn-ui input:checked + .slider {
  background-color: #17cb75;
}
.switch-btn-ui input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #17cb75;
  box-shadow: 0 0 1px #17cb75;
}
.switch-btn-ui input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
.switch-btn-ui .text {
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #2c2c44;
  margin-left: 8px;
}

.chosen-container {
  width: 100% !important;
}
.chosen-container.chosen-container-multi .chosen-choices {
  background: #fcfdfe;
  border: 1px solid #e9eef3;
  -webkit-box-shadow: inset 0px 1px 2px #ebf0f8;
  box-shadow: inset 0px 1px 2px #ebf0f8;
  border-radius: 6px;
  height: 38px;
  padding: 4px 12px;
  color: #151518;
  letter-spacing: -0.48px;
  font-weight: 400;
  font-size: 16px;
}
.chosen-container.chosen-container-multi .chosen-choices li.search-choice {
  background: rgba(0, 69, 255, 0.1);
  border-radius: 32px;
  padding: 2px 24px 2px 10px;
  border: none;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -0.48px;
  color: #2c2c44;
  margin-top: 1px;
}
.chosen-container.chosen-container-multi
  .chosen-choices
  li.search-choice
  .search-choice-close {
  top: 8px;
  right: 4px;
}

.link-btn {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #0045ff;
  position: relative;
}
.link-btn:hover {
  text-decoration: none;
}
.link-btn:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #0045ff;
  left: 0;
  bottom: -5px;
}

.inherit-ui .chart-header {
  z-index: initial;
}

#stackedChart {
  margin-top: -55px;
  height: 300px;
}

/*.square {
  height:20px;
  width:4px;
  display: inline-block;
}*/
.pie-area .highcharts-point {
  width: 4px;
  height: 14px;
  border-radius: 2px;
}

.pie-area.mdata .highcharts-point {
  height: 32px;
}

.chart-area .highcharts-graph {
  width: 4px;
  height: 14px;
  border-radius: 2px;
}

tspan.bold {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  color: #2c2c44;
}

.white-bg.piechart-wrapper {
  padding-bottom: 0;
}
.white-bg.piechart-wrapper .pie-area {
  height: 280px;
}

#leaseSummary .highcharts-series-group {
  height: 250px;
}

.location-point {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#0045ff),
    to(#2029ff)
  );
  background: -webkit-linear-gradient(top, #0045ff 0%, #2029ff 100%);
  background: -o-linear-gradient(top, #0045ff 0%, #2029ff 100%);
  background: linear-gradient(180deg, #0045ff 0%, #2029ff 100%);
  -webkit-box-shadow: 0 0 0 4px rgba(52, 128, 255, 0.16);
  box-shadow: 0 0 0 4px rgba(52, 128, 255, 0.16);
  width: 48px;
  height: 48px;
  border-radius: 100%;
  position: fixed;
  top: 40%;
  left: 50%;
  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;
  z-index: 1;
  cursor: pointer;
}
@media (max-width: 575px) {
  .location-point {
    z-index: 4;
  }
}
.location-point .border-ui {
  position: absolute;
  content: "";
  background: rgba(47, 93, 242, 0.17);
  width: 56px;
  height: 56px;
  border-radius: 100%;
  z-index: -1;
}
.location-point:hover,
.location-point.active {
  background: #fff;
  -webkit-box-shadow: 0 0 0 4px #0045ff;
  box-shadow: 0 0 0 4px #0045ff;
}
.location-point:hover .location-icon,
.location-point.active .location-icon {
  background-position: 0px -30px;
}
.location-point .location-icon {
  background: url("/assets/images/seprite.svg") no-repeat;
  width: 26px;
  height: 26px;
  background-position: 0px -3px;
}
.location-point.loc-point2 {
  top: 50%;
  left: 45%;
}
.location-point.loc-point3 {
  top: 60%;
  left: 44.5%;
}
.location-point.loc-point4 {
  top: 80%;
  left: 70%;
}
@media (max-width: 575px) {
  .location-point.loc-point4 {
    top: 68%;
  }
}
.location-point .inner-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 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;
}

#stackedBar-2 .highcharts-axis-title {
  display: none;
}

#heatMap1 .highcharts-root path {
  stroke: none;
  border-color: none;
}

#stackedBar-2 .highcharts-point {
  /*border-radius:4px;*/
}

.right-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.bs-dropdown .dropdown-menu ul .dropdown-item {
  padding: 12px 20px;
}

.cstm-tabs-blk {
  padding: 0 48px;
}
@media (max-width: 991px) {
  .cstm-tabs-blk {
    padding: 0 24px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .cstm-tabs-blk {
    padding: 0 15px;
  }
}
@media (max-width: 991px) {
  .cstm-tabs-blk .nav-tabs {
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.cstm-tabs-blk .nav-tabs {
  border: none;
}
.cstm-tabs-blk li {
  margin-right: 24px;
}
.cstm-tabs-blk li .nav-link {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: #8181a6;
  border: none;
  position: relative;
  padding: 8px 0;
}
.cstm-tabs-blk li .nav-link:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #0045ff;
  height: 1px;
  content: "";
  opacity: 0;
}
.cstm-tabs-blk li .nav-link.active {
  color: #0045ff;
}
.cstm-tabs-blk li .nav-link.active:after {
  opacity: 1;
}
.cstm-tabs-blk .tab-content {
  padding-top: 28px;
}
.cstm-tabs-blk .tab-pane {
  padding: 0;
}
.cstm-tabs-blk .tab-pane .floor-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 1300px) {
  .cstm-tabs-blk .tab-pane .floor-data {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 16px;
  position: relative;
  width: 19%;
}
@media (max-width: 1300px) {
  .cstm-tabs-blk .tab-pane .floor-data .fd-card {
    min-width: 224px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1300px) and (max-width: 480px) {
  .cstm-tabs-blk .tab-pane .floor-data .fd-card {
    min-width: 100%;
    width: 100%;
    padding: 0;
  }
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card:after {
  background: #9494ab;
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  opacity: 0.2;
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card:first-child {
  padding-left: 0;
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card:last-child:after {
  display: none;
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -0.48px;
  color: #2c2c44;
  margin-bottom: 8px;
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card .no {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #151518;
  margin-bottom: 8px;
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card .info {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #9494ab;
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card .info .red-ui {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ff3b5e;
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card .green-ui {
  color: #17cb75;
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card .image-blk {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card .down-arrow {
  background: url(/assets/images/down-red-arrow.svg);
  width: 9px;
  height: 12px;
  display: block;
  background-repeat: no-repeat;
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card .up-arrow {
  background: url(/assets/images/up-green-arrow.svg);
  width: 9px;
  height: 12px;
  display: block;
  background-repeat: no-repeat;
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card.avg-card .content-blk {
  width: 50%;
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card.avg-card .content-blk .no {
  margin-top: 20px;
}
.cstm-tabs-blk .tab-pane .floor-data .fd-card.amr-blk .no {
  color: #8181a6;
}
.cstm-tabs-blk .tab-pane .floor-data .average-data {
  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;
}
.cstm-tabs-blk .tab-pane .floor-data .average-data .desc {
  margin-bottom: 10px;
}
.cstm-tabs-blk .tab-pane .floor-data .average-data .desc label {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #9494ab;
  margin-bottom: 0;
}
@media (max-width: 1400px) {
  .cstm-tabs-blk .tab-pane .floor-data .average-data .desc label {
    font-size: 10px;
  }
}
.cstm-tabs-blk .tab-pane .floor-data .average-data .desc p {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.01em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cstm-tabs-blk .tab-pane .floor-data .average-data .desc p span {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.01em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 10px;
}
.cstm-tabs-blk .tab-pane .floor-data .average-data .desc .red-ui {
  color: #ff3b5e;
}
.cstm-tabs-blk .tab-pane .floor-data .average-data .desc .green-ui {
  color: #17cb75;
}

.no-data {
  font-size: 18px;
  color: #ccc;
  text-align: center;
  padding: 40px 0;
}

.input-with-select {
  margin-bottom: 0;
}
.input-with-select .select {
  width: auto;
  position: absolute;
  border: none;
  right: 12px;
  top: 1px;
  height: 36px;
}

.delete-resources {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 10px;
  top: 0;
  right: 15px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #ff3b5e;
  border-radius: 4px;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.delete-resources .ic-delete {
  margin-right: 8px;
}
.delete-resources:hover {
  color: #ff3b5e;
  background: #ffedf0;
}

.btn-primary .ic-export {
  margin-right: 5px;
}

/*manage booking css */
.Room-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Room-detail .img-blk {
  width: 68px;
  height: 68px;
  border-radius: 6px;
  overflow: hidden;
}
.Room-detail .img-blk img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.Room-detail .content-blk {
  padding-left: 30px;
}
.Room-detail .content-blk span {
  color: #9494ab;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
}

.manage-booking table tbody th .heading-blk {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #2c2c44;
}
.manage-booking table tbody th .heading-blk .number-blk {
  margin-left: 10px;
  min-width: 24px;
  height: 16px;
  background: rgba(148, 148, 171, 0.2);
  border-radius: 9px;
  padding: 2px 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #2c2c44;
}

.manage-booking table tbody td:first-child {
  width: 320px;
}

.manage-booking table tbody td:nth-child(4) {
  width: 150px;
}

.manage-booking table tbody td .link-text {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0045ff;
}

.manage-booking table .btn-blk {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.manage-booking table .btn-blk .decline-btn {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -0.48px;
  color: #ff3b5e;
}
.manage-booking table .btn-blk .btn-primary {
  border-radius: 14px;
}

.mCSB_inside > .mCSB_container {
  margin-right: 20px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #797994 !important;
}

.checkbox-align {
  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: 16px;
}

/*#powerSummary .highcharts-legend.highcharts-no-tooltip{
	transform: translate(166px,12px) !important;
}*/
.w-150 {
  width: 150px !important;
}

.building-occupancy-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.building-occupancy-blk .left-blk,
.building-occupancy-blk .right-blk {
  width: 50%;
}
.building-occupancy-blk #building-occupancy-chart {
  width: 210px !important;
  height: 210px;
}
.building-occupancy-blk .total-number {
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -0.03em;
  color: #18182b;
  margin-bottom: 16px;
}
.building-occupancy-blk .label-title {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #8181a7;
  margin-bottom: 20px;
}
.building-occupancy-blk .progress-data {
  margin-bottom: 20px;
}
.building-occupancy-blk .progress-data td {
  padding: 5px 0;
}
.building-occupancy-blk .progress-data .in-data .p-label {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #17cb75;
}
.building-occupancy-blk .progress-data .in-data .p-data {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #2c2c44;
}
.building-occupancy-blk .progress-data .in-progress {
  width: 186px;
  background: #17cb75;
  border-radius: 2px;
  height: 10px;
  margin: 0 10px;
}
.building-occupancy-blk .progress-data .out-data .p-label {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #9494ab;
}
.building-occupancy-blk .progress-data .out-data .p-data {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #2c2c44;
}
.building-occupancy-blk .progress-data .out-progress {
  width: 130px;
  background: #9494ab;
  border-radius: 2px;
  height: 10px;
  margin: 0 10px;
}
.building-occupancy-blk .prcnt-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #9494ab;
}
.building-occupancy-blk .prcnt-blk .down-arrow {
  background: url(/assets/images/down-red-arrow-icon.svg);
  width: 9px;
  height: 8px;
  display: block;
  background-repeat: no-repeat;
}
.building-occupancy-blk .prcnt-blk .no {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #ff3b5e;
  margin-right: 5px;
}

.carParkOccupancy-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.carParkOccupancy-blk .left-blk {
  width: 30%;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .carParkOccupancy-blk .left-blk {
    width: 50%;
  }
}
.carParkOccupancy-blk .right-blk {
  width: 40%;
}
@media (max-width: 575px) {
  .carParkOccupancy-blk .right-blk {
    width: 50%;
  }
}
.carParkOccupancy-blk .center-blk {
  width: 40%;
  margin-left: -52px;
}
@media (max-width: 575px) {
  .carParkOccupancy-blk .center-blk {
    display: none;
  }
}
.carParkOccupancy-blk .p-icon {
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 46px;
  letter-spacing: -0.03em;
  color: #ffffff;
  background: #0246ff;
  border-radius: 6px;
  width: 38px;
  display: inline-block;
  text-align: center;
  margin-bottom: 3px;
}
.carParkOccupancy-blk .total-number {
  font-style: normal;
  font-weight: bold;
  font-size: 56px;
  line-height: 56px;
  letter-spacing: -0.03em;
  color: #18182b;
  margin-bottom: 8px;
}
.carParkOccupancy-blk .label-title {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #8181a7;
}
.carParkOccupancy-blk .prcnt-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #9494ab;
}
.carParkOccupancy-blk .prcnt-blk .down-arrow {
  background: url(/assets/images/down-red-arrow-icon.svg);
  width: 9px;
  height: 8px;
  display: block;
  background-repeat: no-repeat;
}
.carParkOccupancy-blk .prcnt-blk .no {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #ff3b5e;
  margin-right: 5px;
}
.carParkOccupancy-blk .highcharts-yaxis-labels,
.carParkOccupancy-blk .highcharts-xaxis-labels,
.carParkOccupancy-blk .highcharts-grid-line,
.carParkOccupancy-blk .highcharts-axis.highcharts-xaxis {
  display: none;
}
.carParkOccupancy-blk .line-chart-blk {
  height: 150px;
}

.buildingaverage-iaq-blk .content-blk table {
  width: 100%;
}
.buildingaverage-iaq-blk .content-blk table th {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  color: #9494ab;
  padding: 8px 0;
}
.buildingaverage-iaq-blk .content-blk table td {
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  color: #8181a6;
  padding: 8px 0;
}
.buildingaverage-iaq-blk .content-blk table .select-ui {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #9494ab;
  border: none;
  background: none;
}
.buildingaverage-iaq-blk .content-blk table .select-ui:focus {
  outline: none;
}

.buildingaverage-iaq-blk .chart-blk {
  width: 160px;
  height: 160px;
  margin: auto;
}

.buildingaverage-iaq-blk .highcharts-point.highcharts-color-1 {
  display: none;
}

.avgzone-blk .highcharts-yaxis-labels,
.avgzone-blk .highcharts-xaxis-labels,
.avgzone-blk .highcharts-grid-line,
.avgzone-blk .highcharts-axis.highcharts-xaxis {
  display: none;
}

.avgzone-blk .line-chart-blk {
  height: 150px;
}

.avgzone-blk .chart-area {
  height: 150px;
  margin-top: 30px;
}

.avgzone-blk .total-number {
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -0.03em;
  color: #18182b;
  text-align: center;
}

.avgzone-blk .prcnt-blk {
  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;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: #a2a2c2;
}
.avgzone-blk .prcnt-blk .down-arrow {
  background: url(/assets/images/down-red-arrow-icon.svg);
  width: 9px;
  height: 8px;
  display: block;
  background-repeat: no-repeat;
}
.avgzone-blk .prcnt-blk .no {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #17174c;
  margin-right: 5px;
}

#buildingConsumption-blk .highcharts-yaxis-labels text[text-anchor="start"] {
  display: none;
}

#buildingConsumption-blk rect.highcharts-point {
  border-radius: 10px;
}

/*bookiing p0age css start here */
.mb-18 {
  margin-bottom: 18px;
}

.p16 {
  padding: 16px;
}

.calender-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;
  border-bottom: 1px solid #eeeef6;
  /* padding-bottom: 16px; */
  background-color: #ffffff;
  margin-left: 18px;
  padding: 20px 20px 20px 24px;
  border-radius: 10px 10px 0px 0px;
  margin-right: -8px;
}
.calender-header .left-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.calender-header .left-elements p {
  margin-right: 12px;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #18182b;
}
.calender-header .left-elements .btn-blk {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.calender-header .left-elements .btn-blk .btn {
  border: 1px solid #cbcbe4;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  margin: 0 4px;
  position: relative;
}
.calender-header .left-elements .btn-blk .btn.prev-btn:before {
  content: "\e900";
  font-family: fcicons !important;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0px;
  margin-left: -2px;
  color: #a3a5d4;
}
.calender-header .left-elements .btn-blk .btn.next-btn:after {
  content: "\e901";
  font-family: fcicons !important;
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0px;
  margin-right: -1px;
  color: #a3a5d4;
}

/* .fixedTable {
  margin-top: -15px; }
  @media (max-width: 767px) {
    .fixedTable {
      margin-top: 0; } } */

.fixedTable .table {
  background-color: white;
  width: auto;
}

.fixedTable .table tr td,
.fixedTable .table tr th {
  min-width: 65px;
}

.fixedTable-header {
  /* width: calc(100% - 310px);
  margin-left: 301px; */
  width: calc(100% - 320px);
  margin-left: auto;
  margin-right: 0px;
  overflow: hidden;
  border: none;
  border-bottom: 1px solid #eeeef6;
  margin-top: -14px;
}
@media (max-width: 767px) {
  .fixedTable-header {
    width: 100%;
    margin-left: 0;
    display: none;
  }
}
.fixedTable-header table {
  margin-bottom: 0;
}
.fixedTable-header table thead th {
  border: none;
}
.fixedTable-header th {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.48px;
  color: #8181a6;
  border: none;
  padding: 10px 5px;
  min-height: 46px;
  border-bottom: 0;
}

.fixedTable-sidebar {
  width: 302px;
  height: 685px;
  float: left;
  overflow: hidden;
  border-right: 1px solid #eeeef6;
  /* margin-top: -30px; */
}
@media (max-width: 767px) {
  .fixedTable-sidebar {
    display: block;
    height: auto;
    overflow: auto;
    width: 100%;
  }
  .fixedTable-sidebar .fixedTable-sidebar {
    margn-top: 0 !important;
  }
}
.fixedTable-sidebar .booking-card {
  /* margin-bottom: 0; */
  min-height: 100px;
  max-height: 100px;
}
.fixedTable-sidebar td {
  border: none;
  padding: 2px 0;
}

.fixedTable-body {
  overflow: auto;
  /* width: calc(100% - 310px); */
  height: 685px;
  /* float: left;  */
  float: right;
  width: calc(100% - 320px);
}
.fixedTable-body .mob-show {
  display: none;
}
@media (max-width: 767px) {
  .fixedTable-body {
    width: 100%;
  }
  .fixedTable-body .mob-show {
    display: contents;
  }
  .fixedTable-body .mob-show th {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.48px;
    color: #8181a6;
    border: none;
    padding: 10px 5px;
    min-height: 46px;
    border-bottom: 0;
  }
}
.fixedTable-body td {
  width: 64.8px;
  height: 108px;
  background: #ffffff;
  border: 1px solid #eeeef6;
  padding: 0px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .fixedTable-body td {
    height: 80px;
  }
}

.booking-page .white-bg {
  display: inline-block;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .booking-page .calender-header {
    margin-top: 15px;
  }
}

.booking-page .col-xl-3 {
  max-width: 302px;
  min-width: 302px;
}
@media (max-width: 767px) {
  .booking-page .col-xl-3 {
    max-width: 100%;
    min-width: 100%;
  }
}

.booking-page .col-xl-9 {
  min-width: calc(100% - 310px);
  max-width: calc(100% - 310px);
}
@media (max-width: 767px) {
  .booking-page .col-xl-9 {
    max-width: 100%;
    min-width: 100%;
  }
}

.booking-page .booking-card .address {
  display: block;
}

.booking-page .booked-tag {
  background: #17cb75;
  height: 46px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
}

.zone-listing ul {
  list-style: none;
}
@media (max-width: 767px) {
  .zone-listing ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.zone-listing li {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 15px;
  color: #2c2c44;
  margin-bottom: 17px;
}
@media (max-width: 767px) {
  .zone-listing li {
    margin-right: 15px;
  }
}
.zone-listing li .ic-text {
  background: #eeeef4;
  width: 24px;
  height: 24px;
  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;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  color: #2c2c44;
  margin-right: 6px;
  border-radius: 100%;
}

.vav-chart-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .vav-chart-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.vav-chart-wrapper .left-blk {
  width: 230px;
}
@media (max-width: 767px) {
  .vav-chart-wrapper .left-blk {
    width: 100%;
  }
}
.vav-chart-wrapper .right-blk {
  width: calc(100% - 235px);
}
@media (max-width: 767px) {
  .vav-chart-wrapper .right-blk {
    width: 100%;
  }
}
.vav-chart-wrapper .right-blk .chart-area {
  wdth: 100%;
}

.sub-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 15px;
  color: #000000;
}

.sub-title2 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #151518;
}

@media (max-width: 575px) {
  .vav-chart-wrapper .zone-listing {
    margin-bottom: 20px;
  }
}

.zone-chart-wrapper {
  padding: 0 4px 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 575px) {
  .zone-chart-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
  }
}
.zone-chart-wrapper .left-blk {
  width: 140px;
}
@media (max-width: 575px) {
  .zone-chart-wrapper .left-blk {
    width: 100%;
  }
}
.zone-chart-wrapper .right-blk {
  width: calc(100% - 145px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 575px) {
  .zone-chart-wrapper .right-blk {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .zone-chart-wrapper .zone-listing {
    margin-bottom: 20px;
  }
}
.zone-chart-wrapper .zone-listing li {
  margin: 20px 0;
}
@media (max-width: 575px) {
  .zone-chart-wrapper .zone-listing li {
    margin: 10px 10px 20px;
  }
}

.zone-dataui {
  margin-top: -5px;
}
@media (max-width: 1310px) {
  .zone-dataui {
    overflow-x: auto;
  }
  .zone-dataui table {
    max-width: 700px;
    width: 700px !important;
  }
}
.zone-dataui td {
  padding: 4px;
}
.zone-dataui .data-card {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  padding: 7px 7px;
  border-radius: 2px;
  color: #fff;
  text-align: center;
}
@media (max-width: 1700px) {
  .zone-dataui .data-card {
    font-size: 10px;
    padding: 7px 4px;
  }
}
@media (max-width: 1700px) and (max-width: 1500px) {
  .zone-dataui .data-card {
    font-size: 9px;
    padding: 7px 4px;
  }
}
.zone-dataui .data-card.green-ui {
  background: #54ad32;
}
.zone-dataui .data-card.dark-blue-ui {
  background: #1b4d7c;
}
.zone-dataui .data-card.yellow-ui {
  background: #f3b03e;
}
.zone-dataui .data-card.red-ui {
  background: #db3b26;
}
.zone-dataui .data-card.lblue-ui {
  background: #42a1f8;
}

.cstm-dbtn {
  background: #ffffff;
  border: 1px solid #e1e1ed;
  -webkit-box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08);
  box-shadow: 0px 2px 6px rgba(21, 21, 74, 0.08);
  border-radius: 2px;
  font-weight: 700;
  font-size: 13px;
  color: #2f5df2;
  min-width: 104px;
  height: 32px;
  padding: 0 8px;
  min-width: 80px !important;
}
.cstm-dbtn:focus {
  outline: none;
  border: 1px solid #e1e1ed;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.equipment-detail-blk .heading-blk {
  padding: 20px;
}
.equipment-detail-blk .heading-blk h4 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #151518;
}

.equipment-detail-blk .custom-table thead th .blue_text {
  color: #0045ff;
}

.equipment-detail-blk .custom-table tbody td:nth-child(2) {
  max-width: 250px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: initial;
}

.cstm-select {
  position: relative;
}
.cstm-select:after {
  position: absolute;
  content: "";
  background: url(/assets/images/ic-down.png);
  width: 10px;
  height: 10px;
  top: 8px;
  margin-left: 9px;
  background-repeat: no-repeat;
  right: 34px;
}
.cstm-select select {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  background: none;
  border: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  color: #8181a6;
  min-width: 71px;
  padding-right: 20px;
}
.cstm-select select:focus {
  outline: none;
}

.form-container {
  padding: 16px 12px 0;
}
.form-container .form-group {
  margin-bottom: 24px;
}

.md-table.custom-table .table tr td {
  padding: 8px 8.5px;
}
.md-table.custom-table .table tr td:first-child {
  padding-left: 20px;
}

.custom-table .table tr.active {
  background: rgba(241, 241, 248, 0.64);
}

.profile-wrapper {
  padding-top: 120px;
}
@media (max-width: 991px) {
  .profile-wrapper {
    padding: 120px 15px 30px;
  }
  
}
.profile-wrapper .profile-inner-wrapper {
  /* width: 100%; */
  width: 800px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  /* display: flex; */
  /* width: 100%; */
  background: #ffffff;
  border: 1px solid #e5eaf0;
  border-radius: 12px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .profile-wrapper .profile-inner-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}
.profile-wrapper .profile-left-blk {
  width: 320px;
}
@media (max-width: 1199px) {
  .profile-wrapper .profile-left-blk {
    width: 320px;
  }
}
@media (max-width: 1199px) and (max-width: 991px) {
  .profile-wrapper .profile-left-blk {
    width: 100%;
  }
}
.profile-wrapper .profile-left-blk .profile-img-blk {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  margin: auto;
  margin-top: 42px;
  margin-bottom: 42px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .profile-wrapper .profile-left-blk .profile-img-blk {
    display: none;
  }
}
.profile-wrapper .profile-left-blk .profile-img-blk img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.profile-wrapper .profile-left-blk .sidenavbar {
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .profile-wrapper .profile-left-blk .sidenavbar ul::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  .profile-wrapper .profile-left-blk .sidenavbar ul::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.3);
  }
  .profile-wrapper .profile-left-blk .sidenavbar ul::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
  }
  .profile-wrapper
    .profile-left-blk
    .sidenavbar
    ul::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
  }
}
.profile-wrapper .profile-left-blk .sidenavbar ul {
  list-style: none;
}
@media (max-width: 991px) {
  .profile-wrapper .profile-left-blk .sidenavbar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto;
  }
}
.profile-wrapper .profile-left-blk .sidenavbar li a {
  padding: 16px 20px 16px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8181a6;
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media (max-width: 991px) {
  .profile-wrapper .profile-left-blk .sidenavbar li a {
    white-space: nowrap;
    padding: 16px 24px 16px 24px;
  }
}
@media (max-width: 991px) and (max-width: 599px) {
  .profile-wrapper .profile-left-blk .sidenavbar li a {
    padding: 16px 20px 16px 20px;
  }
}
.profile-wrapper .profile-left-blk .sidenavbar li a:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 4px;
  background: #0045ff;
  left: 0;
  top: 0;
  opacity: 0;
}
@media (max-width: 991px) {
  .profile-wrapper .profile-left-blk .sidenavbar li a:before {
    left: 0;
    bottom: 0;
    top: initial;
    width: 100%;
    height: 4px;
  }
}
.profile-wrapper .profile-left-blk .sidenavbar li a:hover {
  color: #0045ff;
}
.profile-wrapper .profile-left-blk .sidenavbar li a.active {
  background: #f2f6ff;
  color: #0045ff;
}
.profile-wrapper .profile-left-blk .sidenavbar li a.active:before {
  opacity: 1;
}
.profile-wrapper .profile-left-blk .sidenavbar li a.active .icon.ic-profile {
  background-position: -3px -33px;
}
.profile-wrapper .profile-left-blk .sidenavbar li a.active .icon.ic-logout {
  background-position: -31px -32px;
}
.profile-wrapper .profile-left-blk .sidenavbar li a .icon {
  background: url("/assets/images/ic-seprite.svg");
  width: 24px;
  height: 24px;
  margin-right: 17px;
}
.profile-wrapper .profile-left-blk .sidenavbar li a .icon.ic-profile {
  background-position: -3px -6px;
}
.profile-wrapper .profile-left-blk .sidenavbar li a .icon.ic-logout {
  background-position: -31px -7px;
}
.profile-wrapper .description-right-blk {
  /* width: calc(100% - 320px); */
  width: 100%;
  border-left: 1px solid #eff2f6;
  padding: 48px 60px;
}
@media (max-width: 1199px) {
  .profile-wrapper .description-right-blk {
    padding: 40px 40px;
    width: calc(100% - 320px);
  }
}
@media (max-width: 1199px) and (max-width: 991px) {
  .profile-wrapper .description-right-blk {
    width: 100%;
    padding: 20px 20px;
  }
}
@media (max-width: 1199px) and (max-width: 991px) and (max-width: 767px) {
  .profile-wrapper .description-right-blk h3 {
    font-size: 26px;
  }
}
.profile-wrapper .description-right-blk .us-view-blk {
  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: 40px;
}
@media (max-width: 599px) {
  .profile-wrapper .description-right-blk .us-view-blk {
    -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;
  }
}
.profile-wrapper .description-right-blk .us-view-blk .left-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 599px) {
  .profile-wrapper .description-right-blk .us-view-blk .left-blk {
    margin-bottom: 20px;
  }
}
.profile-wrapper .description-right-blk .us-view-blk .left-blk figure {
  width: 88px;
  height: 88px;
  border-radius: 100%;
  overflow: hidden;
}
.profile-wrapper .description-right-blk .us-view-blk .left-blk figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.profile-wrapper .description-right-blk .us-view-blk .left-blk .content-blk {
  padding-left: 24px;
}
.profile-wrapper .description-right-blk .us-view-blk .left-blk .content-blk p {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #08122a;
  margin-bottom: 3px;
}
.profile-wrapper
  .description-right-blk
  .us-view-blk
  .left-blk
  .content-blk
  span {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #8181a6;
}
.profile-wrapper .description-right-blk .us-view-blk .left-blk .upload-btn {
  position: relative;
}
.profile-wrapper
  .description-right-blk
  .us-view-blk
  .left-blk
  .upload-btn
  input {
  font-size: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.profile-wrapper
  .description-right-blk
  .us-view-blk
  .left-blk
  .upload-btn:hover
  label {
  text-decoration: underline;
}
.profile-wrapper
  .description-right-blk
  .us-view-blk
  .left-blk
  .upload-btn
  label {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 16px;
  color: #0045ff;
  margin-bottom: 0;
}
.profile-wrapper .description-right-blk .us-view-blk .right-blk .btn {
  height: 48px;
  min-width: 170px;
  line-height: 46px;
}
.profile-wrapper .description-right-blk .field-blk {
  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-bottom: 1px solid #e5eaf0;
  padding: 20px 0;
}
@media (max-width: 599px) {
  .profile-wrapper .description-right-blk .field-blk {
    -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;
  }
}
.profile-wrapper .description-right-blk .field-blk:last-child {
  border-bottom: none;
}
.profile-wrapper .description-right-blk .field-blk label {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #8181a6;
  margin-bottom: 3px;
}
@media (max-width: 599px) {
  .profile-wrapper .description-right-blk .field-blk label {
    margin-bottom: 10px;
  }
}
.profile-wrapper .description-right-blk .field-blk p {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.16px;
  color: #08122a;
}
@media (max-width: 599px) {
  .profile-wrapper .description-right-blk .field-blk p {
    text-align: left;
  }
}
.profile-wrapper .description-right-blk .field-blk p a {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.16px;
  color: #0045ff;
}
.profile-wrapper .description-right-blk .form-group label,
.profile-wrapper .description-right-blk .form-group-2 label {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #8181a6;
  margin-bottom: 3px;
}
.profile-wrapper .description-right-blk .form-group label.h4,
.profile-wrapper .description-right-blk .form-group-2 label.h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #08122a;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .profile-wrapper .description-right-blk .form-group label.h4,
  .profile-wrapper .description-right-blk .form-group-2 label.h4 {
    font-size: 18px;
    line-height: 28px;
  }
}
.profile-wrapper .description-right-blk .form-group .form-control,
.profile-wrapper .description-right-blk .form-group-2 .form-control {
  height: 48px;
}

.se-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.se-wrapper .powersummary-blk {
  width: 300px;
}

.se-wrapper .energysummary-blk {
  width: calc(100% - 300px);
}

@media (max-width: 767px) {
  .se-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .se-wrapper .powersummary-blk {
    width: 100%;
  }
  .se-wrapper .energysummary-blk {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .chart-container #powerSummary {
    height: auto !important;
  }
  .chart-container #systemCapacity {
    height: auto !important;
  }
}

#systemCapacity svg,
#systemCapacity .highcharts-container {
  height: 240px;
}

#calendar {
  overflow-x: auto;
}

.rbc-calendar {
  width: 750px;
}

@media (max-width: 767px) {
  .pie-area .highcharts-point {
    -webkit-transform: initial !important;
    -ms-transform: initial !important;
    transform: initial !important;
  }
}

.custom-table .table tr:last-child td .action-btns .dropdown-menu,
.custom-table .table tr:nth-last-child(2) td .action-btns .dropdown-menu {
  -webkit-transform: translate3d(-20px, -167px, 0px) !important;
  transform: translate3d(-20px, -167px, 0px) !important;
}

.chart-main .chart-header h5 {
  word-break: break-word;
  white-space: normal;
  display: inline-block;
  width: 90%;
}

.modal-body-space .link-btn {
  margin-bottom: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

body.overflow {
  overflow: hidden;
}

@media (max-width: 767px) {
  #meteogram text.highcharts-credits {
    display: none;
  }
}

/*menu listing modal css start*/
.menu-listing-section table {
  width: 100%;
  border: 1px solid transparent;
}
.menu-listing-section table thead {
  border-bottom: 1px solid #eeeef4;
}
.menu-listing-section table td:last-child {
  text-align: right;
}
.menu-listing-section table th {
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  letter-spacing: -0.48px;
  color: #8181a6;
  padding: 10px 10px;
  border-bottom: 1px solid #f2f5f9;
}
.menu-listing-section table th:last-child {
  text-align: right;
}
.menu-listing-section table th:nth-child(2) {
  text-align: center;
}
.menu-listing-section table td {
  padding: 10px 10px;
  font-weight: 500;
  font-size: 16px;
}
.menu-listing-section table td:first-child {
  font-weight: 600;
}

.qty-wrapper {
  padding: 0 30px;
  width: 120px;
  position: relative;
  text-align: center;
  border-radius: 30px;
  margin: auto;
}
.qty-wrapper input {
  text-align: center;
  border: none;
  background: none;
  width: 42px;
  height: 42px;
}
.qty-wrapper .cart-qty-plus {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 28px;
  height: 28px;
  line-height: 24px;
  border: 1px solid #cbcbe4;
  border-radius: 20px;
  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;
  padding: 0;
  font-size: 20px;
}
.qty-wrapper .cart-qty-minus {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 28px;
  height: 28px;
  line-height: 24px;
  border: 1px solid #cbcbe4;
  border-radius: 20px;
  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;
  padding: 0;
}

@media (min-width: 1400px) {
  div#systemCapacity,
  #systemCapacity svg {
    height: 190px !important;
  }
}

.metogram-wrapper #meteogram {
  margin-top: -24px;
  height: 300px;
  z-index: 1;
}

@media (max-width: 767px) {
  #meteogram {
    height: 400px;
    max-width: 850px;
    min-width: 280px;
    height: 310px;
    margin: 0 auto;
    width: initial !important;
  }
  .highcharts-inner-container > div {
    width: 750px !important;
  }
  .metogram-wrapper,
  .metogram-wrapper .highcharts-data-table table {
    min-width: 300px;
    max-width: 800px;
    margin: 1em auto;
  }
  .gm-style .gm-style-iw-c {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-filter: blur(0);
  }
}

.locations-lists::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.locations-lists::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); */
  -webkit-box-shadow: none;
  border-radius: 10px;
}

.locations-lists::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);  */
  -webkit-box-shadow: none;
}

.add-new-wrpr {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99;
}

#building-details-sidebar {
  top: 72px;
}
@media (max-width: 575px) {
  #building-details-sidebar {
    top: 49px;
  }
}
#building-details-sidebar .modal-header {
  padding-bottom: 16px;
}
#building-details-sidebar .modal-dialog {
  height: calc(100% - 49px);
}

/*asset register page */
.asset-register-wrapper {
  max-width: 1400px;
}
@media (max-width: 1600px) {
  .asset-register-wrapper {
    max-width: 1040px;
  }
}
.asset-register-wrapper .chart-main .chart-container {
  padding: 0 24px;
}
.asset-register-wrapper .info-dropdown {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (max-width: 575px) {
  .asset-register-wrapper .info-dropdown {
    width: 100%;
    margin-bottom: 16px;
  }
}
.asset-register-wrapper .info-dropdown .dropdown .dropdown-toggle {
  min-width: 210px;
  text-align: left;
  height: 40px;
  padding: 0 14px;
  position: relative;
}
@media (max-width: 575px) {
  .asset-register-wrapper .info-dropdown .dropdown .dropdown-toggle {
    width: 100%;
  }
}
.asset-register-wrapper .info-dropdown .dropdown .dropdown-toggle:after {
  background: url(/assets/images/threedot.svg) no-repeat;
  height: 16px;
  right: 14px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.asset-register-wrapper .table-container {
  width: 100%;
}
.asset-register-wrapper .table-container table {
  width: 100%;
}
.asset-register-wrapper .table-container table thead {
  border-bottom: 1px solid #f2f5f9;
}
.asset-register-wrapper .table-container table thead th {
  padding: 8px 12px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.48px;
  color: #8181a6;
}
.asset-register-wrapper .table-container table thead th:first-child {
  padding-left: 24px;
}
.asset-register-wrapper .table-container table tbody td {
  padding: 12px 12px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #18182b;
}
.asset-register-wrapper .table-container table tbody td:first-child {
  padding-left: 24px;
}
.asset-register-wrapper .table-container table tbody td.icon_arrow {
  width: 20px;
  padding-right: 0;
}
.asset-register-wrapper
  .table-container
  table
  tbody
  td.icon_arrow
  .ec-arrow:before {
  top: 0;
  left: 10px;
}
.asset-register-wrapper .table-container table tbody td .tag-done {
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  color: #119c59;
  background: #e3f5ed;
  border-radius: 12px;
  padding: 2px 8px 1px;
}
.asset-register-wrapper .table-container table tbody td .tag-open {
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  color: #573bff;
  background: #efedfd;
  border-radius: 12px;
  padding: 2px 8px 1px;
}
.asset-register-wrapper .table-container table tbody td .show-btn {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #0045ff;
}
.asset-register-wrapper .table-container.checkbox-wrapper table thead th {
  text-align: center;
}
.asset-register-wrapper
  .table-container.checkbox-wrapper
  table
  thead
  th:first-child {
  text-align: left;
}
.asset-register-wrapper .table-container.checkbox-wrapper table tbody td {
  text-align: center;
}
.asset-register-wrapper
  .table-container.checkbox-wrapper
  table
  tbody
  td:first-child {
  text-align: left;
}
@media (max-width: 575px) {
  .asset-register-wrapper .btn-primary {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.mb-32 {
  margin-bottom: 32px;
}

.assets-detail-wrapper {
  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;
}
@media (max-width: 991px) {
  .assets-detail-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.assets-detail-wrapper .left-ui,
.assets-detail-wrapper .right-ui {
  width: 42%;
}
@media (max-width: 991px) {
  .assets-detail-wrapper .left-ui,
  .assets-detail-wrapper .right-ui {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .assets-detail-wrapper .right-ui .detail-ui:last-child {
    border-bottom: none;
  }
}
.assets-detail-wrapper .detail-ui {
  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: 8px 0;
  border-bottom: 1px solid rgba(129, 129, 167, 0.12);
}
.assets-detail-wrapper .detail-ui:last-child {
  border: none;
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .assets-detail-wrapper .detail-ui:last-child {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(129, 129, 167, 0.12);
  }
}
.assets-detail-wrapper .detail-ui label {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #2c2c44;
  margin: 0;
}
.assets-detail-wrapper .detail-ui p {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  text-align: right;
  letter-spacing: -0.01em;
  color: #8181a6;
  margin: 0;
}
.assets-detail-wrapper .detail-ui .tag-done {
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  color: #119c59;
  background: #e3f5ed;
  border-radius: 12px;
  padding: 2px 8px 1px;
}
.assets-detail-wrapper .detail-ui .tag-open {
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  color: #573bff;
  background: #efedfd;
  border-radius: 12px;
  padding: 2px 8px 1px;
}

.attachment-wrapper .header-blk {
  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;
}
.attachment-wrapper .header-blk label {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #18182b;
}

.attachment-wrapper .primary-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #0045ff;
}
.attachment-wrapper .primary-color .plus-icon {
  width: 14px;
  height: 14px;
  background: url(/assets/images/plus-icon.svg) no-repeat center;
  display: inline-block;
  margin-right: 10px;
}

.attachment-wrapper .gallery-blk {
  margin-bottom: 40px;
}
.attachment-wrapper .gallery-blk .full-img {
  width: 100%;
  margin-bottom: 16px;
}
.attachment-wrapper .gallery-blk .full-img img {
  width: 100%;
  border-radius: 6px;
  height: 296px;
}
.attachment-wrapper .gallery-blk .thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}
.attachment-wrapper .gallery-blk .thumbnail::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.attachment-wrapper .gallery-blk .thumbnail::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.13);
}
.attachment-wrapper .gallery-blk .thumbnail::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.13);
}
.attachment-wrapper .gallery-blk .thumbnail::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.15);
}
.attachment-wrapper .gallery-blk .gallery-card {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  height: 72px;
  margin: 0 9px;
  opacity: 0.2;
}
.attachment-wrapper .gallery-blk .gallery-card:first-child {
  opacity: 1;
}
.attachment-wrapper .gallery-blk .gallery-card img {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.document-listing {
  padding-bottom: 16px;
}
.document-listing .doc-card {
  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;
  border-bottom: 1px solid #f2f5f9;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.document-listing .doc-card:last-child {
  border: none;
}
.document-listing .doc-card:hover {
  background: rgba(241, 241, 248, 0.6);
}
.document-listing .doc-card p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #151518;
  padding-left: 26px;
  position: relative;
  margin-bottom: 0;
}
.document-listing .doc-card p:before {
  position: absolute;
  content: "";
  background: url("/assets/images/ic_document.svg") no-repeat;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
}

.booking-info-wrapper label {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.48px;
  color: #8181a6;
  margin-bottom: 3px;
}

.booking-info-wrapper p {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #151518;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
  font-weight: 600;
}

.booking-info-wrapper .image-blk {
  height: 250px;
  margin-bottom: 16px;
}
.booking-info-wrapper .image-blk img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.addons-wrapper {
  border-top: 2px solid #eeeef6;
  padding: 20px 0;
  margin-top: 10px;
}
.addons-wrapper h5 {
  margin-bottom: 18px;
}

.addon-listing .price-ui,
.addon-listing .addon-field {
  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: 8px 0;
}
.addon-listing .price-ui p,
.addon-listing .addon-field p {
  margin-bottom: 0;
}
.addon-listing .price-ui .left-blk p,
.addon-listing .addon-field .left-blk p {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #151518;
}
.addon-listing .price-ui .left-blk p span,
.addon-listing .addon-field .left-blk p span {
  font-weight: normal;
  color: #8181a6;
  margin-left: 5px;
  display: inline-block;
}
.addon-listing .price-ui .right-blk p,
.addon-listing .addon-field .right-blk p {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #8181a6;
}

.addon-listing .price-ui .left-blk p {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #2c2c44;
}

.addon-listing .price-ui .right-blk p {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.addon-listing .price-ui .right-blk p strong {
  color: #151518;
  font-weight: bold;
}

.seprater-ui {
  background: #f0f0f1;
  height: 2px;
  margin: 8px 0;
}

.addons-wrapper h5 {
  font-weight: 700;
  font-size: 18px;
  color: #18182b;
  letter-spacing: -0.01em;
}

.modal-body .assets-listing {
  margin-bottom: 24px;
  padding: 0 10px;
}

.modal-body .asset-card {
  position: relative;
  padding: 10px 20px 15px 36px;
  margin-bottom: 0px;
}
.modal-body .asset-card:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  left: -5px;
  top: 9px;
}
.modal-body .asset-card.successful-assets:before {
  background: url(/assets/images/ic-done.png) no-repeat;
  background-size: 24px;
}
.modal-body .asset-card.failed-assets:before {
  background: url(/assets/images/ic-failed.png);
  background-size: 24px;
}
.modal-body .asset-card.duplicate-assets:before {
  background: url(/assets/images/ic-duplicate.png);
  background-size: 24px;
}
.modal-body .asset-card p {
  font-weight: 600;
  font-size: 16px;
}

.modal-body .assets-detail {
  padding: 10px 0 0;
  border-radius: 4px;
  overflow: hidden;
}
.modal-body .assets-detail table {
  border: 1px solid #ebebeb;
  width: 100%;
  border-collapse: collapse;
}
.modal-body .assets-detail table th {
  color: #8181a6;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -0.48px;
}
.modal-body .assets-detail table td {
  color: #18182b;
  font-size: 14px;
}
.modal-body .assets-detail table th,
.modal-body .assets-detail table td {
  border: 1px solid #ebebeb;
  padding: 5px 10px;
  font-size: 14px;
}
.modal-body .assets-detail .table-wrap {
  max-height: 180px;
  overflow-y: auto;
}

.dropdown.three-dots.action-btns {
  display: flex;
  align-items: center;
}
.three-dots.d-flex i {
  margin: 0 8px 0 0;
}

.poll-chart-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
}

@media (max-width: 767px) {
  .poll-chart-blk {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.poll-chart-blk .left-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
}

@media (max-width: 767px) {
  .poll-chart-blk .left-blk {
    width: 100%;
  }
}

.poll-chart-blk .right-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 767px) {
  .poll-chart-blk .right-blk {
    width: 100%;
  }
}

.poll-chart-blk .right-blk .right-lwr {
  border-top: 1px solid #dedef0;
  padding-top: 18px;
}

.poll-chart-blk .right-blk .total-number {
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #18182b;
  margin-bottom: 16px;
}

.poll-chart-blk .right-blk .total-number.text-green {
  color: #17cb75;
}

.poll-chart-blk .right-blk .label-title {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #8181a7;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.right-side-wrpr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  border-left: 1px solid #dedef0;
}

@media (max-width: 767px) {
  .right-side-wrpr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.right-side-wrpr .left-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 40px;
}

@media (max-width: 767px) {
  .right-side-wrpr .left-blk {
    width: 100%;
  }
}

.right-side-wrpr .left-blk .right-lwr {
  border-top: 1px solid #dedef0;
  padding-top: 18px;
}

.right-side-wrpr .left-blk .total-number {
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #18182b;
  margin-bottom: 16px;
}

.right-side-wrpr .left-blk .total-number.text-green {
  color: #17cb75;
}

.right-side-wrpr .left-blk .label-title {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #8181a7;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.right-side-wrpr .right-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 767px) {
  .right-side-wrpr .right-blk {
    width: 100%;
  }
}

.right-side-wrpr .right-blk .trending-list {
  list-style: none;
}

.right-side-wrpr .right-blk .trending-list .trending-item {
  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;
  border-bottom: 1px solid #dedef0;
}

@media (max-width: 1200px) and (min-width: 768px) {
  .right-side-wrpr .right-blk .trending-list .trending-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.right-side-wrpr .right-blk .trending-list .trending-item .item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.right-side-wrpr .right-blk .trending-list .trending-item .item-left img {
  max-width: 120px;
}

.right-side-wrpr
  .right-blk
  .trending-list
  .trending-item
  .item-left
  .item-name {
  padding-left: 8px;
}

.right-side-wrpr .right-blk .trending-list .trending-item:last-child {
  border: none;
}

.progress-bar-wrpr {
  padding: 5px;
}

.progress-bar-wrpr .cstm-progres {
  border: 1px solid lightgray;
  margin: 8px 0px;
  height: 36px;
  border-radius: 7px;
}

.progress-bar-wrpr .cstm-progres .progress-bar {
  font-size: 16px;
}

.ques-img-wrpr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ques-img-wrpr figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
  max-width: 40%;
}

.ques-img-wrpr .question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 50%;
  white-space: break-spaces;
  padding: 5px;
  margin-left: 20px;
}

.heat-map-wrpr {
  margin-top: 10px;
}

.heat-map-wrpr .heat-map-list {
  background: #fff;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.heat-map-wrpr .heat-map-list .count {
  background: #ffebef;
  text-align: center;
  border-radius: 5px;
  color: #18182b;
}

.attendee-list {
  list-style: none;
}

.attendee-list .attendee {
  padding: 5px;
  background: #fff;
  margin: 5px 0px;
}

.attendee-list .attendee:last-child {
  background: transparent;
}

.att-list {
  list-style: none;
}

.att-list .att-list-item {
  border-bottom: 1px solid lightgray;
  padding: 5px 15px;
  margin: 7px 0px;
  background: #fafafa;
  border-radius: 6px;
}

.add-option {
  margin-bottom: 15px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: #fff !important;
  color: #0045ff !important;
  border: 1px solid #0045ff !important;
  border-radius: 50px;
}

.add-option:hover,
.add-option:focus {
  color: #fff !important;
}

.add-option:hover .plus-blue-icon,
.add-option:focus .plus-blue-icon {
  background: url(../images/plus-white-icon.svg) no-repeat center;
}

.char-limit {
  text-align: right;
  font-size: 10px;
  padding: 5px;
  color: #b7bfc6;
}

.remove-option {
  float: right;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none !important;
}

.information-radio {
  border: none;
}

.information-radio .radio-btn {
  margin: 0px;
}

.information-radio .nav-link {
  border: none;
}

.information-radio .nav-link.active {
  border: none;
}

.information-radio .nav-link.active .radio-btn .checkmark:after {
  visibility: visible;
  opacity: 1;
  width: 12px;
  height: 12px;
}

.information-radio .nav-link:hover {
  border: none;
}

.excerpt-note {
  padding: 10px 5px;
  color: #b7bfc6;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .publish-btn-row ul {
    width: 100vw;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
  }
}

.table-white {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
}

/*11-02-2022*/
.menu-name-close .level-two-menu .d-menu.show {
  display: none !important;
}

.menu-name-close.menuHover .level-two-menu .d-menu.show {
  display: block !important;
}

/*******************             Handbook listing page  11-03-22                *********************/
.handbook-card {
  margin: 15px 0px;
  position: relative;
  overflow: hidden;
}

.handbook-card .handbook-img {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.handbook-card .handbook-name p,
.perks-card .handbook-name p {
  font-weight: 700;
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: -0.01em;
  color: #151518;
}

.perks-card .handbook-name p {
  margin-top: 10px;
  margin-left: 3px;
}

.handbook-card .handbook-link {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.handbook-card .hover-btn {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 10px;
  right: -100px;
  z-index: 100;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1024px) {
  .handbook-card .hover-btn {
    opacity: 1;
    visibility: visible;
    right: 10px;
  }
}

.handbook-card .hover-btn a {
  background: #fff;
  border-radius: 40px;
  width: 30px;
  height: 30px;
  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: 0px 3px;
}

.handbook-card:hover .hover-btn {
  opacity: 1;
  visibility: visible;
  right: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.bookdetails-card {
  background: #ffffff;
  border: 1px solid #eeeef4;
  -webkit-box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  box-shadow: 0px 3px 8px rgba(21, 21, 74, 0.06),
    0px 16px 24px rgba(21, 21, 74, 0.03);
  border-radius: 6px;
  padding: 40px;
}

@media (max-width: 992px) {
  .bookdetails-card {
    padding: 16px;
  }
}

.bookdetails-card .handbook-image {
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 32px;
  position: relative;
}

.bookdetails-card .handbook-image img {
  width: 100%;
  max-height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 992px) {
  .bookdetails-card .handbook-image img {
    min-height: 200px;
  }
}

.bookdetails-card .handbook-image .open-new a {
  position: absolute;
  right: 10px;
  top: 10px;
  background: rgba(255, 255, 255, 0.35);
  -webkit-backdrop-filter: blur(108px);
  backdrop-filter: blur(108px);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 240px;
  padding: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #0045ff;
}

@media (max-width: 992px) {
  .bookdetails-card .handbook-image .open-new a {
    max-width: 210px;
    padding: 2px;
  }
}

.bookdetails-card .handbook-image .open-new a img {
  max-width: 30px;
}

@media (max-width: 992px) {
  .bookdetails-card .handbook-image .open-new a img {
    min-height: unset;
    max-width: 20px;
  }
}

.bookdetails-card .handbook-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 1;
  color: #151518;
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  .bookdetails-card .handbook-title {
    font-size: 22px;
  }
}

.bookdetails-card .handbook-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #8181a6;
}

@media (max-width: 992px) {
  .bookdetails-card .handbook-desc {
    font-size: 14px;
  }
}

.more-handbook {
  padding: 0px 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  max-height: 100vh;
  overflow: auto;
}

@media (max-width: 767px) {
  .more-handbook {
    position: relative;
    overflow: visible;
    max-height: unset;
    margin-top: 30px;
  }
}

.more-handbook h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #151518;
}

/*************************            Perks start             ***************************/
.perks-card {
  margin: 17px 0px;
  position: relative;
  overflow: hidden;
}

.perks-card .perks-img {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.perks-card .perks-link {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}

.perks-card .hover-btn {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 10px;
  right: -100px;
  z-index: 9999;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1024px) {
  .perks-card .hover-btn {
    opacity: 1;
    visibility: visible;
    right: 10px;
  }
}

.perks-card .hover-btn a {
  background: #fff;
  border-radius: 40px;
  width: 30px;
  height: 30px;
  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: 0px 3px;
}

.perks-card:hover .hover-btn {
  opacity: 1;
  visibility: visible;
  right: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.bb1 {
  border-bottom: 1px solid lightgrey;
}

.discount-sec {
  padding: 0px 0px 25px;
}

.discount-sec .perks-image {
  margin-bottom: 16px;
}

.discount-sec .title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #18182b;
  margin-bottom: 7px;
}

.discount-sec .type {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: #8181a6;
}

.discount-sec .coupon-box {
  background: rgba(243, 243, 253, 0.7);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  margin-top: 18px;
  margin-bottom: 13px;
}

@media (max-width: 767px) {
  .discount-sec .coupon-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.discount-sec .coupon-box .coupon-img {
  width: 6%;
  margin-top: 5px;
}

@media (max-width: 767px) {
  .discount-sec .coupon-box .coupon-img {
    width: 12%;
  }
}

.discount-sec .coupon-box .coupon-text {
  width: 70%;
}

.discount-sec .coupon-box .coupon-text .fs16 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #2c2c44;
  margin-bottom: 3px;
}

.discount-sec .coupon-box .coupon-text .fs13 {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: -0.01em;
  color: #8181a6;
}

.discount-sec .coupon-box .coupon-code {
  background: #ffffff;
  border: 1px dashed #000000;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #2c2c44;
  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;
  min-width: 150px;
}

@media (max-width: 767px) {
  .discount-sec .coupon-box .coupon-code {
    margin-top: 20px;
    min-height: 50px;
  }
}

.discount-sec .instruction-text {
  font-weight: 800;
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: -0.01em;
  color: #8181a6;
}

.operation-sec {
  padding: 25px 0px;
}

.other {
  padding: 25px 0px;
}

.img-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #2c2c44;
  margin-bottom: 15px;
}

.img-title img {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  margin-right: 10px;
  -o-object-fit: cover;
  object-fit: cover;
}

.icon-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #2c2c44;
  margin-bottom: 10px;
}

.modal-list {
  list-style: none;
  padding-left: 20px;
}

.modal-list .modal-list-item {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: -0.01em;
  margin-bottom: 10px;
  color: #9494ab;
}

.modal-list .modal-list-item span {
  color: #2c2c44;
}

.modal-list-link {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #0045ff;
}

.mb1 {
  margin-bottom: 1rem;
}

.w100 {
  width: 100% !important;
}

@media (max-width: 900px) {
  .cstm-padding .btn-primary {
    padding: 0px 10px;
  }
}

/*************************            Perks end             ***************************/
/*# sourceMappingURL=style.css.map */

.tox .tox-statusbar {
  display: none !important;
}

/*login screen css  start here */
.loginpage-wrapper {
  width: 100%;
  height: 100vh;
  /* background: -webkit-linear-gradient(192.3deg, #192029 7.07%, #010930 106.7%);
	background: -o-linear-gradient(192.3deg, #192029 7.07%, #010930 106.7%);
	background: linear-gradient(257.7deg, #192029 7.07%, #010930 106.7%); */
  background-color: #fff;
  overflow: hidden;
}

/* .loginpage-wrapper:after {
	position: absolute;
	content: "";
	width: 47%;
	height: 100%;
	top: 0;
	background: #fff;
	left: 53%;
	z-index: 1;
	-webkit-box-shadow: -32px 0px 27px rgba(0, 0, 0, 0.1);
	box-shadow: -32px 0px 27px rgba(0, 0, 0, 0.1);
} */

@media (max-height: 690px) {
  .loginpage-wrapper {
    overflow-y: auto;
  }
}

.loginpage-wrapper .container {
  height: 100%;
  max-width: 1440px;
  padding: 0px;
}

/* .loginpage-wrapper .content-panel {
	width: 55%;
} */

@media (max-height: 690px) {
  .loginpage-wrapper .content-panel {
    height: 100%;
    padding: 40px 0;
  }
}

@media (max-width: 767px) {
  .loginpage-wrapper .content-panel {
    display: none;
  }
}

.loginpage-wrapper .content-panel h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.01em;
  color: #fff;
  margin-bottom: 16px;
}

.loginpage-wrapper .content-panel p {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.69);
  margin-bottom: 24px;
  max-width: 550px;
}

.loginpage-wrapper .content-panel figure {
  border: 7.02294px solid rgba(255, 255, 255, 0.11);
  margin-right: -40px;
}

@media (max-height: 690px) {
  .loginpage-wrapper .content-panel figure {
    padding-bottom: 40px;
  }
}

.loginpage-wrapper .content-panel figure img {
  width: 100%;
  max-width: 767px;
}

.loginpage-wrapper .form-panel {
  height: 100%;
  background: #ffffff;
  width: 45%;
  max-width: 450px;
  position: relative;
  padding: 50px;
  z-index: 2;
  box-shadow: 0px 10px 20px #eee;
  height: fit-content;
}

.loginpage-wrapper .img-reset-logo {
  margin-left: 90px;
}

@media (max-width: 1199px) {
  .loginpage-wrapper .form-panel {
    padding: 50px 36px;
  }
}

@media (max-width: 1199px) and (max-width: 767px) {
  .loginpage-wrapper .form-panel {
    padding: 40px;
    width: 100%;
  }
}

@media (max-width: 1199px) and (max-width: 767px) and (max-width: 400px) {
  .loginpage-wrapper .form-panel {
    padding: 24px;
  }
}

/* .loginpage-wrapper .form-panel:after {
	position: absolute;
	content: "";
	height: 100%;
	right: -500%;
	top: 0;
	width: 500%;
	background: #FFFFFF;
} */

/* .loginpage-wrapper .form-panel .logo {
	position: absolute;
	top: 0;
	left: 0;
} */

.loginpage-wrapper .login-inner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.loginpage-wrapper .fields-blk {
  width: 100%;
  margin-top: 20px;
}

.loginpage-wrapper .fields-blk h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 44px;
  color: #151518;
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 400px) {
  .loginpage-wrapper .fields-blk h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }
}

.loginpage-wrapper .fields-blk .form-group {
  margin-bottom: 32px;
  position: relative;
}

/* .loginpage-wrapper .fields-blk .form-group .forgot-ui {
	position: absolute;
	right: 0;
	top: 5px;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.01em;
	color: #0045FF;
} */

.loginpage-wrapper .fields-blk .forgot-pswd {
  position: relative;
}

.loginpage-wrapper .fields-blk .forgot-pswd input {
  padding-right: 40px;
}

.loginpage-wrapper .fields-blk .forgot-pswd .ic-eye {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 1;
}

.loginpage-wrapper .fields-blk .forgot-pswd .ic-eye:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 28px;
  background: #a2a2c2;
  right: 10px;
  top: -1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.loginpage-wrapper .fields-blk .forgot-pswd .ic-eye.active:after {
  display: none;
}

.loginpage-wrapper .fields-blk .form-control {
  height: 48px;
}

.loginpage-wrapper .fields-blk .btn-primary {
  height: 48px;
}

.loginpage-wrapper .form-inner-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  height: auto;
}
a.login-ui-link {
  display: flex;
  justify-content: center;
  padding: 10px;
}
a.forgot-ui {
  z-index: 1;
  display: block;
  margin-top: 10px;
  text-align: center;
}

.right-side-wrpr .trendingCard .trending-list .trending-item {
  border-radius: 6px;
  border: 1px solid rgba(42, 70, 112, 0.06);
  background: #fff !important;
  box-shadow: 2px 4px 8px 0px rgba(24, 50, 115, 0.03);
  display: flex;
  padding: 10px;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}