@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 .5s linear infinite;
    animation: loader .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 .5s linear infinite;
    animation: loader .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;
  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;
  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; }

.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;
  background-repeat: no-repeat; }
  .icon-2.news-icon {
    background-image: url(/assets/images/news-icon.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);
  }

.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: 24px;
  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: 991px) and (max-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/wifi-blue-round.svg) 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 div {
      margin-left: 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;
  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 .quick-img {
    width: 100%;
    height: 100%; }
    .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: 16px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    .quick-card .quick-content .name {
      color: #ffffff;
      display: block;
      font-weight: 700;
      font-size: 18px;
      line-height: 24px;
      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 img {
    width: 84px;
    height: 84px;
    border-radius: 6px; }
    @media (max-width: 575px) {
      .booking-card .loc-img img {
        width: 72px; } }
  .booking-card .location-info {
    padding-left: 12px;
    width: calc(100% - 84px); }
    .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: .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: .4s;
    -o-transition: .4s;
    transition: .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: .4s;
    -o-transition: .4s;
    transition: .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; }
  .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;
  overflow: hidden;
  border: none;
  border-bottom: 1px solid #EEEEF6; }
  @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; }
  @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: 106px;
    max-height: 106px; }
  .fixedTable-sidebar td {
    border: none;
    padding: 2px 0; }

.fixedTable-body {
  overflow: auto;
  width: calc(100% - 310px);
  height: 685px;
  float: left; }
  .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%;
    max-width: 1024px;
    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; } }
  .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);
    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: 80%; }

.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);
  border-radius: 10px; }

.locations-lists::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); }

.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.0;
  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.0;
  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.0;
  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: 99;
}

.perks-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) {
  .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.0;
  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.0;
  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.0;
  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.0;
  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;
}