html {
  --header-height: 58px; }

/*$base-grey-header-theme-color: #607d8b;
$base-grey-sidebar-theme-color: #2f404c;
$base-grey-theme-color: #3b73af;
$base-grey-theme-hover-color: #2966a7;*/
/*$grey-theme-theme-btn-color: #1fa67e;															  // btn theme
$grey-theme-theme-btn-hover-color: #129770;*/
/*$aqua-theme-theme-btn-color: #1fa67e;															  // btn theme
$aqua-theme-theme-btn-hover-color: #129770;*/
/*$almond-theme-theme-btn-color: #1fa67e;															  // btn theme
$almond-theme-theme-btn-hover-color: #129770;*/
/*$green-theme-theme-btn-color: #02b1d8;															  	// btn theme
$green-theme-theme-btn-hover-color: #05a2c5;*/
/*$pegeon-theme-theme-btn-color: #ffa500;															  	// btn theme
$pegeon-theme-theme-btn-hover-color: #e79601;*/
body {
  font-size: 13px;
  color: #183153;
  line-height: 1.4;
  background: #F9FAFC;
  font-family: poppins; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: 1.4;
  font-family: poppins; }

h2 {
  font-size: 15px; }

.fs-13 {
  font-size: 13px; }

.btn,
input,
button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

button,
.btn,
.btn-group.open .dropdown-toggle,
.cell,
.resource {
  outline: 0 !important;
  box-shadow: none !important; }

* {
  outline: 0 !important; }

a {
  color: #0E9EFE;
  outline: 0 !important;
  text-decoration: none !important; }

/*a:focus, */
a:hover {
  color: #ff7e00; }

img {
  max-width: 100%;
  height: auto; }

b,
strong,
.bold {
  font-weight: 600; }

.fw-medium {
  font-weight: 500; }

.fw-regular {
  font-weight: 400; }

.fw-semibold {
  font-weight: 550; }

.img-circle {
  border-radius: 50% !important; }

figure {
  margin: 0; }

.no-border {
  border: 0 !important; }

::-webkit-scrollbar-track {
  background-color: inherit; }

::-webkit-scrollbar {
  width: 6px;
  height: 10px;
  border-radius: 4px;
  background-color: inherit; }

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ccc; }

body ::-webkit-scrollbar-thumb {
  background-color: #EFF2F3; }

@font-face {
  font-family: 'rubik';
  src: url("../fonts/rubik/rubik-black-webfont.woff2") format("woff2"), url("../fonts/rubik/rubik-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'rubik';
  src: url("../fonts/rubik/rubik-bold-webfont.woff2") format("woff2"), url("../fonts/rubik/rubik-bold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'rubik';
  src: url("../fonts/rubik/rubik-light-webfont.woff2") format("woff2"), url("../fonts/rubik/rubik-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'rubik';
  src: url("../fonts/rubik/rubik-medium-webfont.woff2") format("woff2"), url("../fonts/rubik/rubik-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'rubik';
  src: url("../fonts/rubik/rubik-regular-webfont.woff2") format("woff2"), url("../fonts/rubik/rubik-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'poppins';
  src: url("../fonts/poppins/poppins-black.woff2") format("woff2"), url("../fonts/poppins/poppins-black.woff") format("woff");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'poppins';
  src: url("../fonts/poppins/poppins-bold.woff2") format("woff2"), url("../fonts/poppins/poppins-bold.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'poppins';
  src: url("../fonts/poppins/poppins-regular.woff2") format("woff2"), url("../fonts/poppins/poppins-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'poppins';
  src: url("../fonts/poppins/poppins-medium.woff2") format("woff2"), url("../fonts/poppins/poppins-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'poppins';
  src: url("../fonts/poppins/poppins-semibold.woff2") format("woff2"), url("../fonts/poppins/poppins-semibold.woff") format("woff");
  font-weight: 550;
  font-style: normal; }
@font-face {
  font-family: 'poppins';
  src: url("../fonts/poppins/poppins-light.woff2") format("woff2"), url("../fonts/poppins/poppins-light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'poppins';
  src: url("../fonts/poppins/poppins-extralight.woff2") format("woff2"), url("../fonts/poppins/poppins-extralight.woff") format("woff");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'poppins';
  src: url("../fonts/poppins/poppins-thin.woff2") format("woff2"), url("../fonts/poppins/poppins-thin.woff") format("woff");
  font-weight: 100;
  font-style: normal; }
.svg {
  position: relative;
  display: inline-block;
  background: url(../img/sprites.svg) no-repeat; }
  .svg.email-icon {
    width: 16px;
    height: 12px;
    background-position: -22px 0px; }
    .svg.email-icon.outline {
      background-position: -22px -323px; }
  .svg.lock-icon {
    width: 14px;
    height: 15px;
    background-position: -22px -15px; }
  .svg.eye-icon {
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-position: -22px -51px; }
    .svg.eye-icon.active {
      background-position: -22px -32px; }
  .svg.resend-icon {
    width: 22px;
    height: 20px;
    background-position: -44px 2px; }
  .svg.user-icon {
    width: 16px;
    height: 18px;
    background-position: -23px -69px; }
    .svg.user-icon.outline {
      background-position: -23px -90px; }
  .svg.logout-icon {
    width: 14px;
    height: 17px;
    background-position: -23px -111px; }
  .svg.calendar-icon {
    width: 12px;
    height: 12px;
    background-position: -23px -132px; }
    .svg.calendar-icon.solid {
      width: 14px;
      height: 13px;
      background-position: -22px -395px; }
  .svg.search-icon {
    width: 15px;
    height: 15px;
    background-position: -23px -148px; }
    .svg.search-icon.is {
      opacity: 0.5; }
  .svg.settings-icon {
    width: 15px;
    height: 16px;
    background-position: -23px -165px; }
  .svg.list-icon {
    width: 20px;
    height: 20px;
    background-position: -68px 1px; }
  .svg.help-icon {
    width: 20px;
    height: 20px;
    background-position: -44px -20px; }
  .svg.ellipsis-icon {
    width: 24px;
    height: 3px;
    background-position: -42px -44px; }
  .svg.customize-icon {
    width: 15px;
    height: 16px;
    background-position: -44px -51px; }
  .svg.import-icon {
    width: 15px;
    height: 12px;
    background-position: -43px -66px; }
  .svg.editor-icon {
    width: 14px;
    height: 14px;
    background-position: -44px -81px; }
    .svg.editor-icon.primary {
      background-position: -44px -97px; }
  .svg.svg-search {
    background-position: -62px -107px; }
  .svg.svg-file-b {
    width: 14px;
    height: 20px;
    background-position: -67px -133px; }
  .svg.svg-image-b {
    width: 17px;
    height: 17px;
    background-position: -66.5px -159px; }
  .svg.view-icon {
    width: 14px;
    height: 14px;
    background-position: -45px -112px; }
    .svg.view-icon.primary {
      background-position: -45px -239px; }
  .svg.clock-icon {
    width: 12px;
    height: 12px;
    background-position: -45px -270px; }
  .svg.down-icon {
    width: 14px;
    height: 16px;
    background-position: -45px -286px; }
  .svg.close-icon {
    width: 12px;
    height: 12px;
    background-position: -44px -130px; }
  .svg.sent-icon {
    width: 22px;
    height: 20px;
    background-position: -44px -144px; }
  .svg.chat-icon {
    width: 18px;
    height: 17px;
    background-position: -44px -168px; }
  .svg.pin-icon {
    width: 20px;
    height: 20px;
    background-position: -44px -188px; }
  .svg.i-icon {
    width: 22px;
    height: 22px;
    background-position: -44px -212px; }
  .svg.trash-icon {
    width: 13px;
    height: 16px;
    background-position: -24px -271px; }
  .svg.edit-icon {
    width: 13px;
    height: 13px;
    background-position: -24px -290px; }
  .svg.phone-icon.outline {
    width: 12px;
    height: 16px;
    background-position: -22px -306px; }
  .svg.bell-icon {
    width: 18px;
    height: 20px;
    background-position: -23px -359px; }
    .svg.bell-icon.primary {
      background-position: -23px -411px; }
  .svg.filter-icon {
    width: 10px;
    height: 10px;
    background-position: -21px -382px; }
  .svg.envelop-icon {
    width: 30px;
    height: 18px;
    background-position: -99px -46px; }
  .svg.drag-icon {
    width: 8px;
    height: 17px;
    background-position: -23px -338px; }
  .svg.no-sound {
    width: 15px;
    height: 18px;
    background-position: -59px -3px; }
  .svg.low-sound {
    width: 16px;
    height: 18px;
    background-position: -60px -30px; }
  .svg.med-sound {
    width: 18px;
    height: 18px;
    background-position: -60px -56px; }
  .svg.high-sound {
    width: 21px;
    height: 18px;
    background-position: -60px -81px; }
  .svg.map-icon {
    width: 14px;
    height: 15px;
    background-position: -6px -367px; }

.icon i.svg.user-icon {
  width: 23px;
  height: 26px;
  background-position: -69px -69px; }
.icon i.svg.mfa-icon {
  width: 24px;
  height: 23px;
  background-position: -69px -98px; }
.icon i.svg.sync-icon {
  width: 23px;
  height: 23px;
  background-position: -69px -125px; }
.icon i.svg.lock-icon {
  width: 20px;
  height: 23px;
  background-position: -69px -151px; }
.icon i.svg.staff-icon {
  width: 12px;
  height: 14px;
  background-position: -24px -185px; }
.icon i.svg.member-icon {
  width: 18px;
  height: 14px;
  background-position: -24px -201px; }
.icon i.svg.report-icon {
  width: 14px;
  height: 15px;
  background-position: -24px -218px; }
.icon i.svg.survey-icon {
  width: 13px;
  height: 18px;
  background-position: -24px -236px; }
.icon i.svg.event-icon {
  width: 12px;
  height: 14px;
  background-position: -24px -255px; }

.accordion-button .action {
    margin-left: 29px;
  }

.dispatcher-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      overflow: hidden; }
      .dispatcher-wrapper .dispatcher-left {
        width: 351px;
        height: calc(100vh - 60px);
        padding-bottom: 20px;
        padding: 20px; }
        .dispatcher-wrapper .dispatcher-left .applet-container:nth-child(1) {
          height: calc(60% - 10px); }
        .dispatcher-wrapper .dispatcher-left .applet-container:nth-child(2) {
          height: calc(40% - 10px); }
        .dispatcher-wrapper .dispatcher-left .applet-container .applet-head {
          padding: 18px;
          height: auto; }
          .dispatcher-wrapper .dispatcher-left .applet-container .applet-head h2 {
            font-size: 19px;
            font-weight: 500;
            color: #3A3F53; }
            .dispatcher-wrapper .dispatcher-left .applet-container .applet-head h2 span {
              display: block;
              font-size: 13px;
              color: #565B63;
              font-weight: 400; }
        .dispatcher-wrapper .dispatcher-left .applet-container .applet-body {
          padding: 0px 20px 5px;
          overflow: auto;
          max-height: calc(100% - 82px); }
          .dispatcher-wrapper .dispatcher-left .applet-container .applet-body.alert-list-body ul li {
            padding: 17px 10px;
            border-bottom: 1px solid #ECECEC; }
            .dispatcher-wrapper .dispatcher-left .applet-container .applet-body.alert-list-body ul li h4 {
              font-size: 15px;
              font-weight: 500;
              margin-bottom: 5px;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-justify-content: space-between;
              -moz-justify-content: space-between;
              -ms-justify-content: space-between;
              justify-content: space-between;
              -ms-flex-pack: space-between; }
              .dispatcher-wrapper .dispatcher-left .applet-container .applet-body.alert-list-body ul li h4 i {
                margin-top: 3px; }
            .dispatcher-wrapper .dispatcher-left .applet-container .applet-body.alert-list-body ul li p {
              font-size: 13px;
              font-weight: 500;
              color: rgba(104, 103, 120, 0.7);
              margin-bottom: 5px; }
            .dispatcher-wrapper .dispatcher-left .applet-container .applet-body.alert-list-body ul li .dateTime {
              font-size: 12px;
              color: #777777; }
          .dispatcher-wrapper .dispatcher-left .applet-container .applet-body.dispatchers-list-body ul li {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -ms-justify-content: space-between;
            justify-content: space-between;
            -ms-flex-pack: space-between;
            border-bottom: 1px solid #ECECEC;
            padding: 12px 10px; }
            .dispatcher-wrapper .dispatcher-left .applet-container .applet-body.dispatchers-list-body ul li span {
              font-weight: 500; }
              .dispatcher-wrapper .dispatcher-left .applet-container .applet-body.dispatchers-list-body ul li span.id {
                font-size: 15px;
                color: #403E4D;
                position: relative;
                padding-right: 17px; }
                .dispatcher-wrapper .dispatcher-left .applet-container .applet-body.dispatchers-list-body ul li span.id:after {
                  content: "";
                  width: 7px;
                  height: 7px;
                  background: #D4D4D4;
                  border-radius: 100%;
                  position: absolute;
                  right: 0px;
                  top: 6px; }
              .dispatcher-wrapper .dispatcher-left .applet-container .applet-body.dispatchers-list-body ul li span.count {
                font-size: 13px;
                color: rgba(104, 103, 120, 0.7); }
            .dispatcher-wrapper .dispatcher-left .applet-container .applet-body.dispatchers-list-body ul li.active span.id:after {
              background: #5AD57A; }
      .dispatcher-wrapper .dispatcher-center {
        width: calc(100% - (370px + 351px));
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 20px; }
        .dispatcher-wrapper .dispatcher-center iframe {
          border-radius: 10px;
          overflow: hidden; }
      .dispatcher-right {
        width: 370px;
        background: #FFFFFF;
        /* overflow: hidden; */
        height: calc(100vh - 60px); }
        .dispatcher-right .accordion-body {
          padding: 5px 0px 12px 20px; }
        .dispatcher-right .accordion-item {
          border-radius: 0px !important; }
          .dispatcher-right .accordion-item:first-of-type {
            border-radius: 0px !important; }
        .dispatcher-right .chat-header {
          background: #007bff;
          padding: 10px;
          color: white;
          text-align: center; }
        .dispatcher-right .chat-body {
          flex: 1;
          padding-right: 20px;
          overflow-y: auto;
          min-height: calc(100vh - 323px);
          max-height: calc(100vh - 323px);
          overflow: auto; }
        .dispatcher-right .accordion-button {
          font-size: 16px;
          font-weight: 600;
          cursor: pointer;
          min-height: 54px;
          padding-top: 0;
          padding-bottom: 0;}
          .dispatcher-right .accordion-button .lbl-round {
            font-size: 12px;
            font-weight: 500;
            color: #fff;
            min-width: 23px;
            min-height: 23px;
            line-height: 23px;
            text-align: center;
            background: #E52828;
            display: inline-block;
            border-radius: 100%;
            margin-left: 9px; }
          .dispatcher-right .accordion-button.collapsed {
            color: #3A3F53;
            background-color: #F7F7F7; }
          .dispatcher-right .accordion-button:not(.collapsed) {
            color: #3A3F53;
            background-color: #ffffff; }
          .dispatcher-right .accordion-button:not(.collapsed)::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
          .dispatcher-right .accordion-button::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            transition: transform 0.2s ease-in-out; }
        .dispatcher-right .message {
          margin-bottom: 15px;
          display: flex;
          flex-direction: column; }
          .dispatcher-right .message.response {
            align-items: flex-end; }
          .dispatcher-right .message .message-bubble {
            max-width: 100%;
            width: 100%; }
            .dispatcher-right .message .message-bubble > div {
              -webkit-justify-content: flex-end;
              -moz-justify-content: flex-end;
              -ms-justify-content: flex-end;
              justify-content: flex-end;
              -ms-flex-pack: flex-end; }
            .dispatcher-right .message .message-bubble figure {
              width: 25px;
              min-width: 25px;
              height: 25px;
              border-radius: 100%;
              overflow: hidden;
              margin-top: 7px; }
              .dispatcher-right .message .message-bubble figure img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
            .dispatcher-right .message .message-bubble p {
              padding: 10px 17px;
              border-radius: 10px;
              background: #f1f1f1;
              position: relative;
              margin-bottom: 5px;
              font-size: 13px;
              font-weight: 500;
              color: #786B6B; }
          .dispatcher-right .message.response .message-bubble figure {
            margin-left: 7px; }
          .dispatcher-right .message.response .message-bubble p {
            background: #7EA3DA;
            color: white; }
          .dispatcher-right .message.response .message-bubble .message-time {
            text-align: right;
            padding-right: 32px; }
          .dispatcher-right .message:not(.response) .message-bubble > div {
            flex-direction: row-reverse; }
          .dispatcher-right .message:not(.response) .message-bubble figure {
            margin-right: 7px; }
          /* .dispatcher-right .message:not(.response) .message-bubble .message-time {
            padding-left: 32px;
          } */
          .message:not(.response) .message-bubble .user-id {
            margin-top: 10px;
            margin-right: 7px;
          }
        .dispatcher-right .message-time {
          display: block;
          color: #777777;
          font-size: 12px; }
        .dispatcher-right .chat-footer {
          padding-right: 20px;
          padding-top: 10px; }
          .dispatcher-right .chat-footer .message-input {
            width: 100%; }
        .dispatcher-right .message-input {
          flex: 1;
          padding: 10px;
          border: 1px solid #E1E1E1;
          border-radius: 8px;
          font-size: 13px;
          padding: 12px 18px;
          margin-bottom: 5px;
          min-height: 75px;
          background: #F7F7F7; }
          .dispatcher-right .message-input::placeholder {
            color: rgba(24, 49, 83, 0.6); }
        .dispatcher-right .send-button {
          background: #6862D2;
          color: white;
          width: 100%;
          border: none;
          padding: 10px 15px;
          border-radius: 5px;
          cursor: pointer;
          font-size: 15px; }
        .dispatcher-right .send-button:hover {
          background: #554ecc; }

.app-checkbox,
.app-radio {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 15px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.app-checkbox > input,
.app-radio > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0); }

.app-checkbox > span,
.app-radio > span {
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  position: absolute;
  border: 1px solid transparent; }

.app-checkbox > span {
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important; }

.app-checkbox.primary > span {
  border-color: #EEF1F5;
  background: #EEF1F5; }

.app-checkbox.is {
  padding-left: 18px;
  margin-bottom: 12px; }

.app-radio > span {
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border-radius: 50% !important; }

.app-checkbox:hover > input:not([disabled]):checked ~ span,
.app-checkbox:hover > input:not([disabled]) ~ span,
.app-checkbox > input:checked ~ span,
.app-checkbox > input:focus ~ span,
.app-checkbox > span,
.app-checkbox:hover > input:not([disabled]):checked ~ span,
.app-checkbox:hover > input:not([disabled]) ~ span,
.app-checkbox > input:checked ~ span,
.app-checkbox > input:focus ~ span,
.app-checkbox > span,
.app-radio:hover > input:not([disabled]):checked ~ span,
.app-radio:hover > input:not([disabled]) ~ span,
.app-radio > input:checked ~ span,
.app-radio > input:focus ~ span,
.app-radio > span,
.app-radio:hover > input:not([disabled]):checked ~ span,
.app-radio:hover > input:not([disabled]) ~ span,
.app-radio > input:checked ~ span,
.app-radio > input:focus ~ span,
.app-radio > span {
  border: 1px solid #DBDBDB; }

/*hover css being*/
.app-checkbox > input:not([disabled]):checked ~ span {
  border: 1px solid #0E9EFE !important;
  background: #0E9EFE !important; }

.app-radio > input:not([disabled]):checked ~ span {
  border: 1px solid #0E9EFE !important;
  background: #fff !important; }

.app-checkbox > input:not([disabled]):checked ~ span:after {
  border-color: #fff; }

.app-radio > input:not([disabled]):checked ~ span:after {
  background: #0E9EFE; }

/*hover css end*/
.app-checkbox > input[disabled] ~ span,
.app-radio > input[disabled] ~ span {
  cursor: no-drop;
  background: #eee; }

.app-checkbox > span:after,
.app-radio > span:after {
  content: "";
  display: none;
  position: absolute; }

.app-checkbox > span:after {
  left: 5px;
  top: 3px;
  width: 5px;
  height: 8px;
  border: solid #888;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.app-radio > span:after {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  width: 10px;
  margin: auto;
  border-radius: 100% !important;
  background: #0E9EFE; }

.input-icon > i,
.app-checkbox-list .app-checkbox,
.app-checkbox-list .app-radio,
.app-checkbox > input:checked ~ span:after,
.app-radio-list .app-checkbox,
.app-radio-list .app-radio,
.app-radio > input:checked ~ span:after {
  display: block; }

.app-checkbox-inline,
.app-radio-inline {
  padding: 10px 0; }

.app-checkbox-inline .app-checkbox,
.app-checkbox-inline .app-radio,
.app-radio-inline .app-checkbox,
.app-radio-inline .app-radio {
  display: inline-block;
  margin-right: 15px; }

.app-checkbox-inline .app-checkbox:last-child,
.app-checkbox-inline .app-radio:last-child,
.app-radio-inline .app-checkbox:last-child,
.app-radio-inline .app-radio:last-child {
  margin-right: 0; }

.app-checkbox.no {
  margin: 0; }

.app-radio.beta {
  margin-right: 18px !important;
  margin-bottom: 0 !important; }

.app-switch-list .app-switch {
  display: block; }

.app-switch {
  cursor: pointer;
  position: relative;
  margin-bottom: 15px;
  padding-left: 40px; }
  .app-switch input {
    display: none; }
  .app-switch span {
    top: -1px;
    left: 0;
    width: 35px;
    height: 20px;
    position: absolute;
    display: inline-block; }
    .app-switch span:before {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      content: "";
      cursor: pointer;
      position: absolute;
      transition: 0.4s;
      background: #DADDE3;
      border-radius: 34px; }
    .app-switch span:after {
      top: 2px;
      left: 4px;
      width: 15px;
      height: 15px;
      content: "";
      position: absolute;
      transition: 0.4s;
      background: #fff;
      border-radius: 50%; }
  .app-switch input:checked + span:before {
    background: #0593FF; }
  .app-switch input:checked + span:after {
    transform: translateX(13px); }

.form-control {
  min-height: 50px;
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-color: #EBEBEB;
  border-radius: 5px;
  line-height: 1.5;
  box-shadow: none !important;
  color: #183153; }
  .form-control:not(.no) {
    height: 50px; }
  .form-control::placeholder {
    color: #AFAFAF; }
  .form-control.sm {
    height: 32px;
    min-height: 32px;
    font-size: 13px;
    line-height: 1.3; }
  .form-control.md {
    height: 50px;
    min-height: 50px; }
  .form-control:hover {
    border-color: #dbdbdb; }
  .form-control:focus {
    border-color: #0E9EFE; }
  .form-control.primary {
    background: #fff;
    border: 1px solid #E1E7EC; }
    .form-control.primary:focus, .form-control.primary:hover {
      border-color: #d2d8dd; }
    .form-control.primary.show {
      border-color: #077AFC; }
  .form-control ~ small {
    right: 0px;
    bottom: 3px;
    font-size: 12px;
    color: #60676E;
    padding: 0px 13px;
    line-height: 18px;
    position: absolute;
    background: #C0D5EC; }

.with-search {
  position: relative; }
  .with-search input {
    padding-left: 30px;
    line-height: 32px !important; }

.input-group-text {
  border-color: #EBEBEB;
  background-color: #F9FAFC;
  font-size: 13px;
  color: #183153;
  font-weight: 550; }

.form-select {
  height: 50px;
  min-height: 50px;
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0;
  line-height: 1.5;
  box-shadow: none !important;
  background-color: #fff; }
  .form-select.md {
    height: 52px;
    min-height: 52px; }
  .form-select:hover {
    background-color: #fff; }
  .form-select:focus {
    background-color: #0E9EFE; }
  .form-select.sm {
    height: 32px;
    min-height: 32px;
    font-size: 13px;
    line-height: 1.3; }
  .form-select.primary {
    background-color: #fff;
    border: 1px solid #E1E7EC; }
    .form-select.primary:focus, .form-select.primary:hover {
      border-color: #d2d8dd; }

.form-control:disabled,
.form-control[readonly] {
  background: #E8EDF1; }

textarea.form-control.form-control {
  height: auto;
  min-height: 134px; }
  textarea.form-control.form-control.lg {
    min-height: 270px; }
  textarea.form-control.form-control.md {
    min-height: 90px; }
  textarea.form-control.form-control.sm {
    min-height: 60px; }

.form-group {
  margin-bottom: 16px; }
  .form-group.no {
    margin-bottom: 0; }
  .form-group.error .control-label {
    color: #ef0016; }
  .form-group.error .i-control .left {
    color: #ef0016 !important; }
  .form-group.error .form-control, .form-group.error .multiselect.dropdown-toggle {
    border-color: #ef0016 !important; }
  .form-group.error .err-mess {
    display: block;
    font-size: 11px;
    color: #ef0016;
    margin-top: 3px; }

.control-label {
  display: block;
  font-size: 13px;
  font-weight: 550;
  margin-bottom: 6px;
  font-family: poppins; }

.i-control {
  position: relative; }
  .i-control .svg, .i-control .fa {
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute; }
  .i-control.right .form-control {
    padding-right: 36px; }
  .i-control.right .svg, .i-control.right .fa {
    right: 12px; }
  .i-control.left .form-control {
    padding-left: 36px; }
  .i-control.left.right {
    right: 15px;
    top: 15px;
    font-size: 19px; }
  .i-control.left .svg {
    left: 12px; }

.multiselect-native-select {
  width: 100%; }
  .multiselect-native-select .multiselect-selected-text {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #183153; }
  .multiselect-native-select .btn-group {
    width: 100%; }
    .multiselect-native-select .btn-group .dropdown-toggle:not(.sm) {
      height: 50px;
      min-height: 50px;
      font-size: 12px !important;
      padding: 5px .75rem !important;
      line-height: normal;
      background: #fff;
      justify-content: space-between !important;
      border: 1px solid #EBEBEB; }
    .multiselect-native-select .btn-group .dropdown-toggle:hover {
      border: 1px solid #dbdbdb; }
    .multiselect-native-select .btn-group .dropdown-toggle.show {
      border-color: #0E9EFE; }
  .multiselect-native-select .multiselect-container > li > a.multiselect-all label {
    font-weight: 400; }

.dropdown-toggle:after {
  content: "\f107";
  border: 0 !important;
  font-weight: 900;
  font-family: "Font Awesome 6 Free"; }
.dropdown-toggle.is:after {
  margin-left: 12px; }

.multiselect-container {
  padding: 6px 0 !important; }
  .multiselect-container li {
    margin-top: 3px;
    margin-bottom: 3px; }
    .multiselect-container li a {
      display: block; }
      .multiselect-container li a label {
        padding-left: 40px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block !important;
        max-width: 100%; }
    .multiselect-container li.active a {
      background: #f4f4f5; }

input[type=radio] {
  -webkit-appearance: none;
  vertical-align: middle;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  position: relative;
  display: inline-block;
  border-radius: 50%; }
  input[type=radio]:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    width: 100%;
    min-width: 100%;
    height: 100%;
    border: 1px solid #DBDBDB;
    min-height: 100%;
    border-radius: 50%; }
  input[type=radio]:checked:before {
    border: 1px solid #0E9EFE;
    box-shadow: inset 0 0 0 3px #fff;
    background: #0E9EFE; }

input[type=checkbox] {
  -webkit-appearance: none;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  position: relative;
  display: inline-block;
  border: 1px solid #DBDBDB;
  border-radius: 3px;
  margin-bottom: 0px !important;
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  input[type=checkbox]:before {
    content: "\f00c";
    font-size: 10px;
    opacity: 0;
    color: #0E9EFE; }
  input[type=checkbox]:checked {
    border-color: #0E9EFE; }
    input[type=checkbox]:checked:before {
      opacity: 1; }

.form-static-control {
  font-size: 11px; }
  .form-static-control:not(.err-mess) {
    color: #6c6c6c; }

.btn {
  font-size: 13px;
  padding: 5px 16px;
  font-weight: 400;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  font-weight: 500; }
  .btn.sm {
    height: 34px; }
  .btn.md {
    height: 42px; }
  .btn.fluid {
    width: 100%; }
  .btn.circle {
    border-radius: 20px; }
  .btn.i-btn {
    padding: 0;
    width: 30px;
    height: 30px;
    min-width: 30px;
    font-size: 13px;
    color: #183153; }
    .btn.i-btn.large {
      width: 48px;
      height: 48px; }
    .btn.i-btn.default {
      border-color: #DBDBDB; }
      .btn.i-btn.default:hover {
        background: #F5F8FA !important; }
    .btn.i-btn.grey {
      border: 2px solid #fff;
      background: #E8EFF6;
      width: 28px;
      min-width: 28px;
      height: 28px; }
      .btn.i-btn.grey.rounded {
        border-radius: 100% !important;
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16) !important; }
    .btn.i-btn.hover:hover {
      background: #F5F8FA; }
  .btn.i-filter {
    width: 20px;
    height: 20px;
    padding: 0;
    min-width: 20px;
    margin-left: 12px;
    overflow: visible !important;
    border-color: #DEDEDE;
    color: #8E8E9B;
    font-size: 10px; }
    .btn.i-filter.show {
      border-color: #077AFC; }
    .btn.i-filter.dot {
      border-color: #077AFC; }
      .btn.i-filter.dot:after {
        position: absolute;
        content: "";
        width: 6px;
        height: 6px;
        background: #077AFC;
        border-radius: 100%;
        top: -3px;
        right: -3px; }
  .btn.primary:not(.outline) {
    color: #fff;
    background: #0E9EFE;
    border-color: #0E9EFE; }
    .btn.primary:not(.outline).active, .btn.primary:not(.outline):hover {
      color: #fff;
      background: #1176E8;
      border-color: #1176E8; }
  .btn.primary-lt:not(.outline) {
    color: #fff;
    background: #00BFBF;
    border-color: #00BFBF; }
    .btn.primary-lt:not(.outline).active, .btn.primary-lt:not(.outline):hover {
      color: #fff;
      background: #00BFBF;
      border-color: #00BFBF; }
  .btn.default:not(.outline) {
    color: #183153;
    background: #fff;
    border-color: #DBDBDB; }
    .btn.default:not(.outline):hover {
      color: #000;
      background: #DBDBDB; }
  .btn.default.outline {
    color: #686868;
    background: #fff;
    border-color: #DBDBDB; }
    .btn.default.outline:hover {
      color: #000;
      background: #DBDBDB; }
  .btn.default.not {
    position: relative; }
    .btn.default.not:after {
      position: absolute;
      content: "";
      width: 30px;
      height: 1px;
      background-color: #183153;
      transform: rotate(45deg); }
  .btn.u-primary:not(.outline) {
    color: #fff;
    background: #00498A;
    border-color: #00498A; }
    .btn.u-primary:not(.outline).active, .btn.u-primary:not(.outline):hover {
      color: #fff;
      background: #00498A;
      border-color: #00498A; }
  .btn.o-primary:not(.outline) {
    color: #183153;
    background: #fff;
    border-color: #DEDEDE; }
    .btn.o-primary:not(.outline).show, .btn.o-primary:not(.outline):hover {
      border-color: #077AFC; }
  .btn.danger:not(.outline) {
    color: #fff;
    background: #EC4949;
    border-color: #EC4949; }
    .btn.danger:not(.outline).active, .btn.danger:not(.outline):hover {
      color: #fff;
      background: #EC4949;
      border-color: #EC4949; }
    .btn.danger:not(.outline).show {
      border-color: #EC4949; }
  .btn.danger-lt:not(.outline) {
    color: #AB3C3C;
    background: #FBE9E9;
    border-color: #FBE9E9; }
    .btn.danger-lt:not(.outline).active, .btn.danger-lt:not(.outline):hover {
      color: #AB3C3C;
      background: #FBE9E9;
      border-color: #FBE9E9; }
    .btn.danger-lt:not(.outline).show {
      border-color: #FBE9E9; }
  .btn.brown:not(.outline) {
    color: #fff;
    background: #990E1D;
    border-color: #990E1D; }
    .btn.brown:not(.outline).active, .btn.brown:not(.outline):hover {
      color: #fff;
      background: #990E1D;
      border-color: #990E1D; }
    .btn.brown:not(.outline).show {
      border-color: #990E1D; }
  .btn.violet:not(.outline) {
    color: #fff;
    background: #8400FF;
    border-color: #8400FF; }
    .btn.violet:not(.outline).active, .btn.violet:not(.outline):hover {
      color: #fff;
      background: #8400FF;
      border-color: #8400FF; }
    .btn.violet:not(.outline).show {
      border-color: #8400FF; }
  .btn.green {
    color: #fff;
    background: #5AC978; }
  .btn i {
    position: relative; }
    .btn i.left {
      left: -2px;
      margin-right: 6px; }
    .btn i.right {
      right: -2px;
      margin-left: 6px; }

.btn-link {
  font-size: 13px;
  color: #0E9EFE;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .btn-link i {
    font-size: 14px; }

.btn:not(:disabled) {
  position: relative;
  overflow: hidden; }
  .btn:not(:disabled):before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }
  .btn:not(:disabled):hover:before {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }
@keyframes shine {
  100% {
    left: 125%; } }
.btn-rounded {
  border-radius: 54px; }

.modal .modal-content .modal-header {
  border-color: #E8ECEE; }
  .modal .modal-content .modal-header .modal-title {
    font-size: 18px;
    font-weight: 550; }
.modal .modal-content .modal-body.delete-modal {
  font-size: 16px;
  text-align: center;
  padding: 44px 32px 30px; }
.modal .modal-content .modal-footer {
  border-color: #E8ECEE; }

.applet-container {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #E6E6E8; }
  .applet-container:not(.no) {
    margin-bottom: 20px; }
  .applet-container .applet-head {
    height: calc(var(--header-height) + 2px);
    padding: 0 20px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    .applet-container .applet-head.is {
      border-bottom: 1px solid #E6E6E8; }
    .applet-container .applet-head h2 {
      font-size: 16px;
      font-weight: 550;
      position: relative; }
    .applet-container .applet-head h3 {
      font-size: 16px;
      font-weight: 400; }
    .applet-container .applet-head h4 {
      font-size: 16px;
      font-weight: 550; }
      .applet-container .applet-head h4 small {
        padding: 0 4px;
        font-weight: 500; }
      .applet-container .applet-head h4 span {
        font-size: 13px;
        font-weight: 400; }
    .applet-container .applet-head .data {
      font-size: 12px;
      color: #ABABC5;
      font-family: poppins; }
      .applet-container .applet-head .data h2, .applet-container .applet-head .data h3, .applet-container .applet-head .data h4 {
        color: #000; }
      .applet-container .applet-head .data p {
        margin-bottom: 0; }
    .applet-container .applet-head.d-collapse h2 {
      cursor: pointer; }
      .applet-container .applet-head.d-collapse h2:after {
        content: "\f107";
        font-size: 16px;
        margin-left: 18px;
        font-weight: 900;
        font-family: "Font Awesome 6 Free"; }
      .applet-container .applet-head.d-collapse h2.opened:after {
        content: "\f106"; }
    .applet-container .applet-head.nh {
      height: auto; }
    .applet-container .applet-head .action {
      margin-left: auto; }
      @media (min-width: 768px) {
        .applet-container .applet-head .action .search-box {
          min-width: 296px; } }
  .applet-container .applet-footer {
    padding: 15px 20px;
    border-top: 1px solid #E6E6E8;
    background: #f7f7f7;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; }
  .applet-container .applet-body:not(.no) {
    padding: 20px; }
  .applet-container .applet-body.scroll {
    margin-right: 6px; }

.app-loader {
  display: none; }

.ff-regular {
  font-family: rubik; }

.ff-primary {
  font-family: poppins; }

.scroll {
  overflow: auto; }

.mb-0 {
  margin-bottom: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

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

.h-34 {
  height: 34px; }

.txt-success {
  color: #68CC80; }

.text-muted {
  color: #818194 !important; }

.txt-green {
  color: #4CA16E !important; }

hr {
  opacity: 1;
  background: #E8ECEE; }

.link {
  color: #0E9EFE; }

.fs-sm {
  font-size: 13px; }

.fs-md {
  font-size: 14px; }

.v-middle {
  vertical-align: middle; }

.w-nowrap {
  white-space: nowrap; }

.o-visible {
  overflow: visible !important; }

.wmx-sm {
  max-width: 80px; }

.wmx-md {
  max-width: 160px; }

.help-txt {
  font-size: 12px;
  color: #949CB5;
  margin-top: 11px; }

.required {
  color: #FF0000; }

tr.highlight {
  background: #F5F8FA; }

h3.heading {
  font-size: 16px;
  margin-bottom: 22px;
  font-weight: 550; }

h2.heading {
  font-size: 18px;
  margin-bottom: 22px;
  font-weight: 550; }

h4.heading {
  font-size: 14px;
  margin-bottom: 22px;
  font-weight: 550; }

.d-fcc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.nav.nav-base li.nav-item .nav-link {
  border: 0;
  font-size: 13px;
  color: #687080;
  font-weight: 500;
  padding: 8px 12px;
  margin-right: 18px;
  position: relative;
  background: transparent; }
  .nav.nav-base li.nav-item .nav-link:before {
    left: 0;
    right: 0;
    width: 0;
    bottom: -14px;
    height: 2px;
    content: "";
    margin: auto;
    position: absolute;
    background: #373737;
    transition: all 0.3s ease-in-out; }
  .nav.nav-base li.nav-item .nav-link.active {
    color: #000; }
    .nav.nav-base li.nav-item .nav-link.active:before {
      width: 100%; }
.nav.nav-base.primary li.nav-item .nav-link {
  font-size: 14px; }
  .nav.nav-base.primary li.nav-item .nav-link:before {
    bottom: -12px;
    height: 3px;
    background: #077AFC; }
.nav.nav-vert li.nav-item .nav-link {
  border: 0;
  font-size: 14px;
  color: #000000;
  padding: 8px 10px;
  position: relative;
  font-weight: 550;
  border-radius: 4px;
  line-height: 21px;
  background: transparent; }
  .nav.nav-vert li.nav-item .nav-link:hover {
    background: #F8FCFF; }
  .nav.nav-vert li.nav-item .nav-link.active {
    color: #077AFC;
    background: #EDF8FF; }
.nav.nav-vert li.nav-item:not(:last-child) {
  margin-bottom: 15px; }
.nav.nav-vert.draggable-nav li.nav-item .nav-link {
  padding-left: 30px;
  position: relative; }
  .nav.nav-vert.draggable-nav li.nav-item .nav-link .handle {
    display: inline-block;
    position: absolute;
    left: 9px;
    cursor: move;
    height: 100%;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
.nav .responsivetabs-more .dropdown-toggle {
  top: 6px;
  position: relative; }
.nav .responsivetabs-more .dropdown-menu li a:before {
  display: none; }

.flex-input {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .flex-input .btn:not(.multiselect) {
    margin-left: 15px; }

.search-box {
  width: 100%;
  position: relative; }
  .search-box i:not(.fa-times) {
    top: 0;
    left: 12px;
    bottom: 0;
    margin: auto;
    position: absolute;
    width: 20px;
    height: 20px;
    color: #C1C1C1; }
  .search-box .form-control {
    padding-left: 38px;
    padding-right: 30px; }
    .search-box .form-control:not(.no) {
      height: 34px;
      min-height: 34px;
      font-size: 13px;
      font-weight: 300;
      border: 1px solid #E1E7EC; }
  .search-box .cross-icon {
    position: absolute;
    right: 12px;
    top: 0;
    cursor: pointer;
    opacity: 0.8;
    height: 16px;
    bottom: 0;
    margin: auto; }
    .search-box .cross-icon:hover {
      opacity: 1; }

.with-search {
  position: relative; }
  .with-search i.fa-search {
    top: 17px;
    left: 18px;
    bottom: 0;
    opacity: 0.5;
    position: absolute;
    width: 13px;
    height: 13px; }
  .with-search input.form-control {
    padding-right: 25px; }
  .with-search .cross-icon {
    position: absolute;
    top: 16px;
    right: 18px;
    cursor: pointer;
    opacity: 0.8;
    height: 16px;
    bottom: 0; }
    .with-search .cross-icon:hover {
      opacity: 1; }

.send-email {
  padding: 4px 14px;
  min-width: 380px;
  position: relative; }
  .send-email .btn {
    top: 0;
    right: 22px;
    bottom: 0;
    margin: auto;
    position: absolute; }
  .send-email .form-control {
    font-size: 13px;
    font-weight: 300;
    padding-right: 40px; }

.details-info .control-label {
  margin-bottom: 2px;
  font-weight: 550; }
.details-info .form-control-static {
  color: #5A6E82;
  font-size: 13px;
  line-height: 23px; }

h2.toggle {
  cursor: pointer;
  font-size: 18px;
  font-weight: 550;
  margin-bottom: 26px;
  transition: all 0.3s ease-in-out; }
  h2.toggle:after {
    content: "\f107";
    font-size: 16px;
    margin-left: 18px;
    font-weight: 900;
    font-family: "Font Awesome 6 Free"; }
  h2.toggle.active:after {
    content: "\f106"; }

.toggle-box {
  padding: 0 10px; }
  .toggle-box:not(:last-child) {
    border-bottom: 1px solid #E8ECEE; }
  .toggle-box h3.toggle {
    height: 64px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 550;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    .toggle-box h3.toggle:before {
      color: #077AFC;
      content: "\f0fe";
      font-size: 20px;
      margin-right: 16px;
      font-weight: 900;
      font-family: "Font Awesome 6 Free"; }
    .toggle-box h3.toggle.active:before {
      content: "\f146"; }
  .toggle-box .toggle-cnt {
    display: none;
    padding-top: 6px;
    padding-bottom: 6px; }
    .toggle-box .toggle-cnt .is {
      padding-left: 36px; }

.fileinput-details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .fileinput-details.is {
    top: 0;
    left: 0;
    position: absolute; }
  .fileinput-details figure {
    width: 106px;
    height: 106px;
    overflow: hidden;
    margin-right: 18px;
    border-radius: 10px;
    background: #F5F8FA;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    .fileinput-details figure img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .fileinput-details .cnt {
    font-size: 13px;
    font-family: rubik; }
    .fileinput-details .cnt h2 {
      font-size: 16px;
      margin-bottom: 6px;
      font-weight: 550; }
    .fileinput-details .cnt p {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      margin-bottom: 6px; }
      .fileinput-details .cnt p i {
        margin-right: 12px; }
  .fileinput-details.no {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .fileinput-details.no figure {
      margin-right: 0;
      margin-bottom: 20px; }
    .fileinput-details.no .cnt {
      text-align: center; }

ul.fileinput-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 0; }
  ul.fileinput-list li {
    text-align: center; }
    ul.fileinput-list li span {
      color: #000;
      display: block;
      font-weight: 550;
      font-family: poppins; }
      ul.fileinput-list li span small {
        color: #5A6E82;
        font-weight: normal; }
  ul.fileinput-list:not(.is) li {
    font-size: 13px;
    text-align: center; }
    ul.fileinput-list:not(.is) li:not(:last-child) {
      margin-right: 34px;
      padding-right: 34px;
      border-right: 1px solid #E1E1E1; }
    ul.fileinput-list:not(.is) li span {
      font-size: 22px; }
      ul.fileinput-list:not(.is) li span small {
        font-size: 13px; }
  ul.fileinput-list.is {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around; }
    ul.fileinput-list.is li {
      font-size: 12px;
      padding: 0 12px;
      margin-bottom: 20px; }
      ul.fileinput-list.is li span {
        font-size: 29px; }

.no-data {
  width: 190px;
  height: 190px;
  font-size: 12px;
  color: #5A6E82;
  border-radius: 100%;
  background: #F5F8FA;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .no-data i.svg {
    margin-bottom: 10px; }
    .no-data i.svg.member-icon {
      width: 26px;
      height: 40px;
      background-position: -99px -1px; }

.pagination {
  margin-bottom: 0; }
  .pagination li a {
    border: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    margin: 0 6px;
    color: #77779A;
    border-radius: 4px;
    box-shadow: none !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
  .pagination li.active a {
    color: #fff;
    background-color: #00498A !important; }
  .pagination li.previous a {
    font-size: 0;
    color: #000; }
    .pagination li.previous a:before {
      font-size: 16px;
      content: "\f104";
      font-weight: 900;
      font-family: "Font Awesome 6 Free"; }
  .pagination li.next a {
    font-size: 0;
    color: #000; }
    .pagination li.next a:before {
      font-size: 16px;
      content: "\f105";
      font-weight: 900;
      font-family: "Font Awesome 6 Free"; }

.lbl {
  min-width: 62px;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  font-weight: 500; }
  .lbl.green {
    color: #287D39;
    background: #E9FBEF; }
  .lbl.yellow {
    color: #B98036;
    background: #fcffb8; }
  .lbl.red {
    color: #AB3C3C;
    background: #FBE9E9; }
  .lbl.blue {
    color: #3699FF;
    background: #E7F3FF; }
  .lbl.dark-blue {
    color: #FFFFFF;
    background: #2EABCC; }
  .lbl.grey {
    color: #7A7A7A;
    background: #E1E1E1; }
  .lbl.primary {
    color: #ffffff;
    background: #077AFC; }
  .lbl.secondary {
    color: #373E44;
    background: #EBEBEB; }

.status {
  border: 0;
  height: 28px;
  color: #fff;
  min-width: 75px;
  font-size: 13px;
  padding: 0 16px;
  border-radius: 20px;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .status.green {
    background: #5AC978; }

.counter {
  font-size: 13px;
  margin-right: 25px;
  padding-right: 25px;
  border-right: 1px solid #D6D6D6; }

.alert {
  font-size: 13px;
  min-height: 55px;
  line-height: 20px;
  padding: 12px 20px;
  margin-bottom: 22px;
  font-family: poppins;
  font-weight: 500;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .alert.danger {
    background-color: #FCD9E2;
    border-color: #FBC8D4; }
  .alert.primary {
    color: #005F94;
    background-color: #CCECFD;
    border-color: #B3E2FD; }
  .alert.wth-icon {
    position: relative;
    padding-left: 58px; }
    .alert.wth-icon i.svg {
      left: 23px;
      position: absolute; }

.tr-action {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .tr-action .btn + .btn {
    margin-left: 10px; }

.tbl-filter {
  overflow: auto;
  max-height: 336px;
  margin-right: 1px; }
  .tbl-filter label {
    margin: 0;
    height: 42px;
    cursor: pointer;
    position: relative;
    margin-bottom: 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    transition: all 0.3s ease-in-out; }
    .tbl-filter label:hover {
      background: #F4F4F5; }
    .tbl-filter label input {
      opacity: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
      position: absolute; }
    .tbl-filter label span {
      width: 100%;
      height: 42px;
      color: #000;
      font-size: 13px;
      padding: 0 26px;
      font-weight: 400;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
    .tbl-filter label input:checked + span {
      background: #F4F4F5; }

.i-badge {
  width: 6px;
  height: 6px;
  top: -4px;
  right: -4px;
  position: absolute;
  border-radius: 100%;
  background: #0E9EFE; }

.datepicker {
  font-family: poppins;
  padding: 10px;
  border: 1px solid #bfbfbf; }
  .datepicker tr th,
  .datepicker tr td {
    font-size: 12px;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px; }
  .datepicker tr th {
    font-weight: 550; }
  .datepicker tr td.active {
    background: #357ebd !important; }

.bootstrap-timepicker-widget {
  font-family: poppins;
  border: 1px solid #ced1d2; }
  .bootstrap-timepicker-widget table td {
    text-align: center; }
    .bootstrap-timepicker-widget table td input {
      width: 32px;
      min-height: 32px;
      border: 0;
      background: #E8EDF1; }
    .bootstrap-timepicker-widget table td a {
      width: 32px;
      min-height: 32px;
      padding: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      margin: auto; }

.daterangepicker .ranges {
  display: none; }

.multiselect-container {
  padding: 8px 0 !important; }
  .multiselect-container li a {
    display: block;
    padding: 0 !important;
    position: relative; }
    .multiselect-container li a label {
      padding: 9px 16px 9px 20px !important;
      width: 100%; }
    .multiselect-container li a.multiselect-all label {
      font-weight: 400 !important; }
  .multiselect-container li:not(:last-child) {
    margin-bottom: 5px; }
  .multiselect-container li.active a {
    background: #F4F4F5; }

.bootstrap-tagsinput {
  min-height: 50px;
  font-size: 13px;
  padding: 4px 10px;
  border: 0;
  line-height: 1.5;
  border-radius: 3px;
  box-shadow: none !important;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit; }
  .bootstrap-tagsinput .tag {
    margin-right: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
    color: #ffffff;
    font-size: 13px;
    padding: 2px 8px;
    border-radius: 3px; }
    .bootstrap-tagsinput .tag [data-role="remove"] {
      margin-left: 8px;
      cursor: pointer; }
      .bootstrap-tagsinput .tag [data-role="remove"]:after {
        content: "x";
        padding: 0px 2px; }
    .bootstrap-tagsinput .tag.label-info {
      background-color: #0E9EFE; }

.light-grad {
  background: #fafcfd;
  background: linear-gradient(90deg, #fafcfd 0%, #fafcfd 12%, #fdfefe 54%, white 100%); }

.info-box {
  padding: 14px 20px; }
  .info-box.md {
    padding: 20px; }
  .info-box.light {
    border-left: 1px solid #E8ECEE; }

.progress {
  background: #F5F8FA; }
  .progress .progress-bar.success {
    background: #4CA16E; }

.progress-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px; }
  .progress-box .progress {
    width: 100%; }
  .progress-box .value {
    top: -6px;
    font-size: 13px;
    text-align: center;
    padding-left: 56px;
    position: relative; }
    .progress-box .value span {
      display: block;
      color: #4CA16E;
      font-size: 22px;
      font-weight: 550;
      font-family: rubik; }

.color-info {
  color: #3A3F53;
  font-size: 14px;
  font-weight: 500;
  position: relative; }

.page-404 {
  height: 100vh;
  text-align: center;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .page-404 .cnts {
    font-size: 16px; }
    .page-404 .cnts h1 {
      font-size: 58px;
      font-weight: 400;
      margin-bottom: 14px; }
    .page-404 .cnts .btn {
      font-size: 14px;
      margin-bottom: 60px; }
    .page-404 .cnts .errorcode {
      color: #717171;
      font-size: 14px;
      font-weight: 500; }

table.table {
  width: 100% !important; }
  table.table thead tr th {
    height: 60px;
    font-size: 13px;
    color: #969EB2;
    padding: 6px 12px;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 500;
    border-bottom: 1px solid #E8ECEE !important;
    border-top: 1px solid #E8ECEE !important;
    background: #FBFCFD; }
    table.table thead tr th .dropdown {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      table.table thead tr th .dropdown .dropdown-menu {
        position: fixed !important; }
    table.table thead tr th:last-child {
      text-align: center; }
    table.table thead tr th.action-col {
      min-width: 100px;
      max-width: 100px; }
    table.table thead tr th.sorting {
      cursor: pointer; }
  table.table tbody tr td {
    border: 0;
    height: 52px;
    font-size: 13px;
    color: #40405A;
    padding: 6px 12px;
    vertical-align: middle;
    border-bottom: 1px solid #E8ECEE;
    font-weight: 500; }
    table.table tbody tr td.app-data {
      cursor: pointer; }
    table.table tbody tr td.brdt {
      border-top: 1px solid #E8ECEE; }
    table.table tbody tr td:last-child {
      text-align: center; }
  table.table.draggable-table thead tr th:first-child {
    padding-left: 43px; }
  table.table.draggable-table tbody tr td:first-child {
    padding-left: 43px;
    position: relative; }
    table.table.draggable-table tbody tr td:first-child:before {
      content: "";
      width: 8px;
      height: 17px;
      display: inline-block;
      background: url(../img/sprites.svg) no-repeat;
      position: absolute;
      left: 13px;
      top: 0;
      bottom: 0;
      margin: auto;
      background-position: -23px -338px; }
  table.table.draggable-table tbody tr td.handle {
    cursor: move; }
  table.table.draggable-table tbody tr.draggable-row.highlight {
    background: #F5F8FA; }
  table.table.module-tables thead tr th {
    height: 42px; }
  table.table.module-tables tbody tr td {
    height: 53px;
    padding: 9px 12px; }
    table.table.module-tables tbody tr td .td-table {
      padding-left: 32px; }
    table.table.module-tables tbody tr td .td-table-static tbody tr td {
      padding-left: 50px; }
  table.table.module-tables thead tr th {
    border-bottom: 1px solid #E8ECEE !important; }

.dataTables_scrollBody .dataTable {
  border-top: 0 !important; }
  .dataTables_scrollBody .dataTable thead tr th {
    border: 0 !important; }

table.dataTable thead .sorting {
  background: url(../img/sort_both.png) no-repeat center right #FBFCFD; }
table.dataTable thead .sorting_asc {
  background: url(../img/sort_asc.png) no-repeat center right #FBFCFD; }
table.dataTable thead .sorting_desc {
  background: url(../img/sort_desc.png) no-repeat center right #FBFCFD; }

ul {
  padding: 0;
  list-style: none; }
  ul.c-list li .ins {
    cursor: pointer;
    padding: 12px 10px;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #E8ECEE; }
    ul.c-list li .ins .icon {
      width: 40px;
      height: 40px;
      border-radius: 4px;
      margin-right: 12px;
      background: #F5F8FA;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      ul.c-list li .ins .icon i {
        transform: scale(0.85); }
    ul.c-list li .ins .cnt {
      font-size: 12px;
      color: #8897B4; }
      ul.c-list li .ins .cnt h4 {
        font-size: 14px;
        color: #151B26; }
      ul.c-list li .ins .cnt p {
        margin-bottom: 0; }
  ul.c-list li:first-child .ins {
    padding-top: 0; }
  ul.c-list li.active .ins {
    border-color: #077AFC;
    background: #EDF8FF; }
  ul.c-list li.active:first-child .ins {
    padding-top: 12px; }
  ul.chat-list {
    margin-bottom: 0; }
    ul.chat-list li {
      padding: 18px 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
      ul.chat-list li:not(:last-child) {
        border-bottom: 1px dashed #E8ECEE; }
      ul.chat-list li .ins {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        ul.chat-list li .ins .cnt h4 {
          font-size: 13px;
          font-weight: 550;
          margin-bottom: 8px; }
          ul.chat-list li .ins .cnt h4 span {
            color: #8A8A8A;
            font-weight: normal; }
        ul.chat-list li .ins .cnt .dec .txt {
          color: #000;
          padding-left: 10px;
          border-left: 2px solid #077AFC; }
      ul.chat-list li .icon {
        width: 50px;
        height: 50px;
        border-radius: 4px;
        margin-right: 12px;
        background: #F5F8FA;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; }
      ul.chat-list li .date {
        color: #5A6E82;
        font-size: 13px;
        font-style: italic; }
    ul.chat-list.is li {
      padding: 20px 0 24px;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      -ms-flex-pack: flex-start; }
      ul.chat-list.is li .cnt h5 {
        font-size: 13px;
        font-weight: 550;
        margin-bottom: 8px; }
        ul.chat-list.is li .cnt h5 span {
          color: #8A8A8A;
          font-weight: normal;
          font-style: italic;
          margin-left: 12px; }
      ul.chat-list.is li .cnt .msg {
        padding: 8px 14px;
        background: #F5F8FA;
        border-radius: 5px; }
      ul.chat-list.is li.left .icon {
        margin-right: 16px; }
      ul.chat-list.is li.right {
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        ul.chat-list.is li.right .icon {
          margin-right: 0;
          margin-left: 16px; }
        ul.chat-list.is li.right .cnt h5 {
          -webkit-flex-direction: row-reverse;
          -moz-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
        ul.chat-list.is li.right .cnt .msg {
          background: #B2DEFF; }

.dropdown-menu {
  min-width: 200px;
  border-color: #E1E7EC;
  border-color: #fff;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.16); }
  .dropdown-menu.drop-300 {
    min-width: 300px; }
  .dropdown-menu > a {
    color: #000;
    font-size: 13px;
    padding: 12px 24px;
    white-space: nowrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    transition: all 0.3s ease-in-out; }
    .dropdown-menu > a:hover {
      background: #F4F4F5; }
  .dropdown-menu li a {
    color: #000;
    font-size: 13px;
    padding: 12px 16px;
    white-space: nowrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    transition: all 0.3s ease-in-out; }
    .dropdown-menu li a:hover {
      background: #F4F4F5; }
  .dropdown-menu .app-checkbox-list {
    padding: 16px;
    font-size: 13px;
    white-space: nowrap; }
    .dropdown-menu .app-checkbox-list .app-checkbox:last-child {
      margin-bottom: 0; }
  .dropdown-menu .dropdown-head {
    height: 60px;
    padding: 0 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    border-bottom: 1px solid #f2f2f2; }
    .dropdown-menu .dropdown-head h2 {
      font-size: 15px;
      font-weight: 500; }
  .dropdown-menu .dropdown-body {
    padding: 18px; }
  .dropdown-menu .dropdown-foot {
    height: 60px;
    padding: 0 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    border-top: 1px solid #f2f2f2; }
  .dropdown-menu.multiselect-container {
    width: 100%;
    max-height: 245px;
    overflow: auto; }
    .dropdown-menu.multiselect-container > li > a {
      padding: 6px 16px; }
      .dropdown-menu.multiselect-container > li > a > label {
        padding: 0;
        display: flex;
        font-size: 12px; }
        .dropdown-menu.multiselect-container > li > a > label input {
          margin-right: 8px; }
    .dropdown-menu.multiselect-container .multiselect-filter .input-group {
      margin: 0px;
      padding: 0 8px; }
      .dropdown-menu.multiselect-container .multiselect-filter .input-group .multiselect-search {
        height: 32px;
        min-height: 32px;
        font-size: 13px;
        padding-left: 30px;
        padding-right: 24px;
        line-height: 32px !important; }
      .dropdown-menu.multiselect-container .multiselect-filter .input-group i.fa-search {
        top: 10px;
        left: 18px;
        bottom: 0;
        opacity: 0.5;
        position: absolute;
        width: 13px;
        height: 13px;
        z-index: 99;
        font-size: 13px; }
      .dropdown-menu.multiselect-container .multiselect-filter .input-group .multiselect-clear-filter {
        position: absolute;
        top: 9px;
        right: 18px;
        cursor: pointer;
        opacity: 0.8;
        height: 16px;
        bottom: 0;
        font-size: 13px;
        z-index: 99; }
        .dropdown-menu.multiselect-container .multiselect-filter .input-group .multiselect-clear-filter:hover {
          opacity: 1; }

.daterangepicker {
  min-width: 200px;
  border-color: #E1E7EC;
  border-color: #fff;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.16); }
  .daterangepicker::before {
    display: none; }
  .daterangepicker::after {
    display: none; }
  .daterangepicker .ranges {
    min-width: 200px; }
    @media (min-width: 564px) {
      .daterangepicker .ranges ul {
        width: 200px; } }
    .daterangepicker .ranges ul li {
      color: #000;
      font-size: 13px;
      padding: 12px 16px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      transition: all 0.3s ease-in-out; }
      .daterangepicker .ranges ul li:hover {
        background: #F4F4F5; }
      .daterangepicker .ranges ul li.active {
        color: #fff;
        background: #0E9EFE; }

.app-bars {
  width: 20px;
  height: 20px;
  z-index: 92;
  cursor: pointer;
  position: relative;
  margin-right: 15px; }
  .app-bars i.fa-line {
    top: -12px;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 18px;
    height: 2px;
    position: absolute;
    background: #2E2E2E;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .app-bars i.fa-line:before, .app-bars i.fa-line:after {
      left: 0;
      width: 18px;
      height: 2px;
      position: absolute;
      background: #2E2E2E;
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
    .app-bars i.fa-line:before {
      top: 6px;
      width: 12px;
      content: ""; }
    .app-bars i.fa-line:after {
      top: 12px;
      content: ""; }
  .app-bars:hover i.fa-line {
    width: 20px; }
    .app-bars:hover i.fa-line:before {
      width: 14px; }
    .app-bars:hover i.fa-line:after {
      width: 20px; }

.app-header {
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-height);
  z-index: 91;
  padding: 0 20px;
  position: fixed;
  background: #ffffff;
  font-family: poppins;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  border-bottom: 1px solid #E8ECEE; }
  .app-header .app-logo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    .app-header .app-logo .logo {
      width: 168px;
      height: 38px;
      background: url(../img/logo.svg) no-repeat 0 0;
      background-size: contain; }
    .app-header .app-logo .sidebar-toggler {
      height: 58px;
      width: 58px;
      cursor: pointer;
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      transition: all 0.3s ease-in-out; }
      .app-header .app-logo .sidebar-toggler i.svg {
        width: 17px;
        height: 13px;
        background-position: 0px 0px; }
  .app-header .app-toggler {
    top: 0;
    bottom: 0;
    left: 2px;
    height: 58px;
    width: 58px;
    margin: auto;
    cursor: pointer;
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    transition: all 0.3s ease-in-out; }
    .app-header .app-toggler i.svg {
      width: 20px;
      height: 15px;
      background-position: 0px -15px; }
    @media (min-width: 1024px) {
      .app-header .app-toggler {
        display: none; } }
  .app-header h1 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 550; }
    @media (max-width: 1023.99px) {
      .app-header h1 {
        padding-left: 35px; } }
    .app-header h1 span {
      font-size: 13px;
      font-weight: 400;
      line-height: 14px;
      margin-left: 14px;
      padding-left: 14px;
      display: inline-block;
      border-left: 2px solid #000; }
  .app-header .action {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    .app-header .action .dropdown a.user-dropdown {
      display: inline-flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .app-header .action .dropdown a.user-dropdown figure {
        width: 35px;
        height: 35px;
        border-radius: 100%;
        border: 1px solid #E8ECEE;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; }
      .app-header .action .dropdown a.user-dropdown span {
        font-size: 13px;
        color: #9DA3AF;
        margin-right: 12px;
        font-weight: 400; }
        @media (max-width: 767px) {
          .app-header .action .dropdown a.user-dropdown span {
            display: none; } }
    .app-header .action .dropdown a.search-dropdown {
      width: 35px;
      height: 35px;
      margin-right: 22px;
      border-radius: 4px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      transition: all 0.3s ease-in-out; }
      .app-header .action .dropdown a.search-dropdown:hover, .app-header .action .dropdown a.search-dropdown.show {
        background: #F3FAFF; }
    .app-header .action .dropdown .dropdown-menu.user-menu li a i {
      margin-right: 16px; }
    .app-header .action .dropdown .dropdown-menu.search-menu {
      min-width: 350px; }
      .app-header .action .dropdown .dropdown-menu.search-menu .applet-container .applet-head .search-box .form-control {
        border: 0;
        padding-left: 30px;
        background: #fff; }
      .app-header .action .dropdown .dropdown-menu.search-menu .applet-container .applet-head .search-box i {
        left: 0; }
      .app-header .action .dropdown .dropdown-menu.search-menu .applet-container .applet-body h3 {
        font-size: 14px;
        color: #A3A3A4;
        font-weight: 400;
        padding: 0 16px;
        margin: 22px 0 15px 0; }
      .app-header .action .dropdown .dropdown-menu.search-menu .applet-container .applet-body .search-data {
        padding: 10px 16px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        transition: all 0.3s ease-in-out; }
        .app-header .action .dropdown .dropdown-menu.search-menu .applet-container .applet-body .search-data:hover {
          background: #F4F4F5; }
        .app-header .action .dropdown .dropdown-menu.search-menu .applet-container .applet-body .search-data .icon {
          width: 40px;
          height: 40px;
          border-radius: 5px;
          margin-right: 18px;
          background: #F5F8FA;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center; }
        .app-header .action .dropdown .dropdown-menu.search-menu .applet-container .applet-body .search-data .cnt {
          font-size: 12px;
          color: #8897B4;
          padding-right: 20px; }
          .app-header .action .dropdown .dropdown-menu.search-menu .applet-container .applet-body .search-data .cnt h4 {
            font-size: 13px;
            color: #151B26;
            line-height: 1;
            margin-bottom: 5px; }
          .app-header .action .dropdown .dropdown-menu.search-menu .applet-container .applet-body .search-data .cnt p {
            margin-bottom: 0; }
    .app-header .action .dropdown .dropdown-menu.settings-menu {
      padding: 0;
      min-width: 350px;
      right: -32px !important;
      top: -28px !important;
      left: auto !important;
      transform: none !important; }
      .app-header .action .dropdown .dropdown-menu.settings-menu .applet-container .applet-head {
        padding: 0 16px; }
      .app-header .action .dropdown .dropdown-menu.settings-menu .applet-container .applet-body {
        padding: 20px 16px 0; }
        .app-header .action .dropdown .dropdown-menu.settings-menu .applet-container .applet-body .app-switch {
          font-size: 14px;
          color: #4F5053;
          padding-left: 0;
          margin-bottom: 26px;
          font-weight: 500; }
          .app-header .action .dropdown .dropdown-menu.settings-menu .applet-container .applet-body .app-switch span {
            right: 0;
            left: auto; }
      .app-header .action .dropdown .dropdown-menu.settings-menu .applet-container .applet-foot {
        padding: 0 16px; }

.menu-overlay {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -11;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  transition: visibility 0s,opacity .5s linear; }

.app-sidebar {
  left: 0;
  top: var(--header-height);
  bottom: 0;
  width: 100%;
  z-index: 92;
  max-width: 280px;
  position: fixed;
  background: #ffffff;
  transition: all 0.3s ease-in-out;
  border-right: 1px solid #E8ECEE; }
  @media (max-width: 1023.98px) {
    .app-sidebar {
      left: -300px; } }
  .app-sidebar .app-sidebar-menu {
    overflow: auto;
    max-height: calc(100vh - var(--header-height));
    padding: 0;
    margin: 0;
    list-style: none;
    padding-top: 9px; }
    .app-sidebar .app-sidebar-menu::-webkit-scrollbar {
      width: 6px;
      height: 10px; }
    .app-sidebar .app-sidebar-menu::-webkit-scrollbar-thumb {
      background-color: #242034; }
    .app-sidebar .app-sidebar-menu li a {
      position: relative;
      white-space: nowrap; }
    .app-sidebar .app-sidebar-menu > li {
      position: relative;
      margin-bottom: 1px; }
      .app-sidebar .app-sidebar-menu > li > a {
        font-size: 13px;
        color: #3A3F53;
        font-weight: 550;
        display: block;
        padding: 15px 0 15px 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center; }
        .app-sidebar .app-sidebar-menu > li > a span.title {
          height: 18px;
          display: block;
          overflow: hidden; }
        .app-sidebar .app-sidebar-menu > li > a > i {
          width: 24px;
          min-width: 20px;
          height: 20px;
          display: block;
          margin-right: 18px;
          font-size: 20px;
          color: #acbcd2; }
          .app-sidebar .app-sidebar-menu > li > a > i:not(.fa) {
            background: url(../img/sprites.svg) no-repeat; }
          .app-sidebar .app-sidebar-menu > li > a > i.dashboard-icon {
            background-position: -2px -2px; }
          .app-sidebar .app-sidebar-menu > li > a > i.action-icon {
            background-position: -2px -26px; }
          .app-sidebar .app-sidebar-menu > li > a > i.queue-icon {
            background-position: -2px -50px; }
          .app-sidebar .app-sidebar-menu > li > a > i.users-icon {
            background-position: -2px -74px; }
          .app-sidebar .app-sidebar-menu > li > a > i.configuration-icon {
            background-position: -1px -98px; }
          .app-sidebar .app-sidebar-menu > li > a > i.reports-icon {
            background-position: -2px -122px; }
          .app-sidebar .app-sidebar-menu > li > a > i.message-icon {
            background-position: -2px -149px; }
      .app-sidebar .app-sidebar-menu > li.active > a, .app-sidebar .app-sidebar-menu > li:hover > a {
        color: #00498A; }
        .app-sidebar .app-sidebar-menu > li.active > a > i, .app-sidebar .app-sidebar-menu > li:hover > a > i {
          color: #00498A; }
          .app-sidebar .app-sidebar-menu > li.active > a > i.dashboard-icon, .app-sidebar .app-sidebar-menu > li:hover > a > i.dashboard-icon {
            background-position: -27px -2px; }
          .app-sidebar .app-sidebar-menu > li.active > a > i.action-icon, .app-sidebar .app-sidebar-menu > li:hover > a > i.action-icon {
            background-position: -27px -26px; }
          .app-sidebar .app-sidebar-menu > li.active > a > i.queue-icon, .app-sidebar .app-sidebar-menu > li:hover > a > i.queue-icon {
            background-position: -27px -50px; }
          .app-sidebar .app-sidebar-menu > li.active > a > i.users-icon, .app-sidebar .app-sidebar-menu > li:hover > a > i.users-icon {
            background-position: -27px -74px; }
          .app-sidebar .app-sidebar-menu > li.active > a > i.configuration-icon, .app-sidebar .app-sidebar-menu > li:hover > a > i.configuration-icon {
            background-position: -26px -98px; }
          .app-sidebar .app-sidebar-menu > li.active > a > i.reports-icon, .app-sidebar .app-sidebar-menu > li:hover > a > i.reports-icon {
            background-position: -27px -122px; }
          .app-sidebar .app-sidebar-menu > li.active > a > i.message-icon, .app-sidebar .app-sidebar-menu > li:hover > a > i.message-icon {
            background-position: -30px -149px; }

@media (min-width: 1024px) {
  body:not(.app-sidebar-hover).app-sidebar-closed .app-sidebar {
    max-width: 63px; }
    body:not(.app-sidebar-hover).app-sidebar-closed .app-sidebar .app-logo {
      padding-left: 0; }
      body:not(.app-sidebar-hover).app-sidebar-closed .app-sidebar .app-logo .logo {
        width: 0;
        opacity: 0;
        z-index: -9;
        overflow: hidden; }
      body:not(.app-sidebar-hover).app-sidebar-closed .app-sidebar .app-logo .sidebar-toggler {
        left: -8px; }
    body:not(.app-sidebar-hover).app-sidebar-closed .app-sidebar .app-sidebar-menu > li > a {
      padding-left: 20px; }
      body:not(.app-sidebar-hover).app-sidebar-closed .app-sidebar .app-sidebar-menu > li > a:before {
        opacity: 0;
        z-index: -9; }
      body:not(.app-sidebar-hover).app-sidebar-closed .app-sidebar .app-sidebar-menu > li > a:after {
        left: 52px; }
      body:not(.app-sidebar-hover).app-sidebar-closed .app-sidebar .app-sidebar-menu > li > a span.title {
        opacity: 0;
        z-index: -9; }
    body:not(.app-sidebar-hover).app-sidebar-closed .app-sidebar .app-sidebar-menu > li .sub-menu {
      max-height: 0; }
      body:not(.app-sidebar-hover).app-sidebar-closed .app-sidebar .app-sidebar-menu > li .sub-menu li a {
        opacity: 0;
        z-index: -9; } }
@media (max-width: 1023.99px) {
  body.app-sidebar-closed .app-sidebar {
    left: 0; }
  body.app-sidebar-closed .menu-overlay {
    z-index: 91;
    opacity: 1;
    visibility: visible; } }
body:not(.app-sidebar-closed) .app-header {
  left: 0px; }
@media (min-width: 1024px) {
  body:not(.app-sidebar-closed) .app-content {
    margin-left: 280px; } }
@media (min-width: 1024px) {
  body:not(.app-sidebar-closed) .app-head {
    left: 280px; } }
@media (min-width: 1024px) {
  body.app-sidebar-closed .app-content {
    margin-left: 63px; } }
@media (min-width: 1024px) {
  body.app-sidebar-closed .app-head {
    left: 63px; } }

.app-head {
  top: var(--header-height);
  box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.03);
  left: 0;
  right: 0;
  z-index: 90;
  height: calc(var(--header-height) + 2px);
  padding: 0 20px;
  position: fixed;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  border-bottom: 1px solid #E8ECEE; }
  .app-head .action {
    margin-left: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    .app-head .action .app-pane .help {
      top: 5px;
      position: relative; }
  .app-head h1 {
    font-size: 18px;
    font-weight: 550; }

.app-container {
  padding-top: var(--header-height); }

.app-content {
  padding-top: calc(var(--header-height) + 2px);
  position: relative; }
  .app-content.no {
    padding-top: var(--header-height); }
  .app-content .portlet-body {
    margin: 20px; }
    @media (min-width: 700px) {
      .app-content .portlet-body.footer-hang {
        padding-bottom: 70px; }
        .app-content .portlet-body.footer-hang .applet-container .applet-footer {
          position: fixed;
          bottom: 0px;
          left: 0;
          right: 0;
          z-index: 1; } }

.gutter {
  width: 100%;
  max-width: 610px;
  margin: 0 auto; }
  .gutter.sm {
    max-width: 810px; }
  .gutter.md {
    max-width: 1140px; }
    .gutter.md .applet {
      padding: 8px 30px;
      background: #fff;
      border-radius: 10px; }
  .gutter.xmd {
    max-width: 900px; }
    .gutter.xmd .applet {
      padding: 8px 30px;
      background: #fff;
      border-radius: 10px; }
  .gutter.lg {
    max-width: 1140px; }
    @media (min-width: 768px) {
      .gutter.lg {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start; } }
    @media (min-width: 768px) {
      .gutter.lg .applet-sidebar {
        min-width: 300px;
        max-width: 300px; } }
    @media (min-width: 768px) {
      .gutter.lg .applet-sidebar {
        margin-left: 20px; }
        .gutter.lg .applet-sidebar.sticky {
          position: sticky;
          top: 146px; } }
    .gutter.lg .applet-sidebar .ins {
      margin-bottom: 22px;
      background: #fff;
      border-radius: 10px; }
      .gutter.lg .applet-sidebar .ins:not(.hv-tabs) {
        padding: 42px 20px; }
      .gutter.lg .applet-sidebar .ins.no {
        padding: 30px 20px 10px; }
      .gutter.lg .applet-sidebar .ins .applet-container .applet-body {
        padding: 0; }
      .gutter.lg .applet-sidebar .ins.hv-tabs {
        padding: 14px 18px; }
    .gutter.lg .applet-sidebar hr {
      width: 100%;
      margin: 22px 0;
      background: #F4F5F5; }
    .gutter.lg .applet-sidebar .applet-container .applet-head {
      padding: 0 20px; }
    .gutter.lg .applet-sidebar .applet-container .applet-body {
      padding: 6px 20px; }
    .gutter.lg.lft-sidebar .applet-sidebar {
      margin-left: 0px;
      margin-right: 20px; }
    .gutter.lg .applet-cnt {
      width: 100%; }
      @media (min-width: 1000px) {
        .gutter.lg .applet-cnt.details-info {
          width: calc(100%); } }

.vd-gutter {
  max-width: 1493px !important;
}

.contact-page .c-box.is ul {
  margin: 0;
  padding: 0; }
  .contact-page .c-box.is ul li {
    font-size: 14px;
    font-weight: 550;
    cursor: pointer;
    padding: 8px 10px;
    list-style: none;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    transition: all 0.3s ease-in-out; }
    .contact-page .c-box.is ul li.active {
      color: #0E9EFE;
      border-radius: 4px;
      background: #EDF8FF; }
    .contact-page .c-box.is ul li.parent-li.selected > span {
      color: #0E9EFE; }
    .contact-page .c-box.is ul li ul {
      width: 100%;
      margin-top: 4px; }
      .contact-page .c-box.is ul li ul li {
        border: 0;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 0;
        position: relative;
        padding: 8px 18px 6px 32px; }
        .contact-page .c-box.is ul li ul li:before {
          left: 16px;
          top: 12px;
          width: 6px;
          height: 6px;
          content: "";
          position: absolute;
          border-radius: 100%;
          background: #ABABC5; }
        .contact-page .c-box.is ul li ul li span.value {
          font-size: 14px;
          font-weight: 550; }
        .contact-page .c-box.is ul li ul li span.txt small {
          display: block;
          font-size: 12px;
          color: #ABABC5;
          padding-top: 2px;
          font-weight: 400; }
@media (min-width: 1200px) {
  .contact-page .applet-container {
    margin-bottom: 0;
    min-height: calc(100vh - 174px); }
    .contact-page .applet-container .applet-body.scroll.c1 {
      height: calc(100vh - 262px); }
    .contact-page .applet-container .applet-body.scroll.c2 {
      height: calc(100vh - 323px); }
    .contact-page .applet-container .applet-body.scroll.c3 {
      margin-top: 14px;
      height: calc(100vh - 264px); } }
@media (min-width: 1200px) {
  .contact-page .col-xl-3 {
    width: 304px; }
  .contact-page .col-xl-6 {
    width: calc(100% - 608px); } }

.activity-page .applet-container .applet-body:not(.no) {
  padding: 34px 43px; }

.app-pane:not(.show) {
  display: none; }

.flex-filter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between; }
  .flex-filter .box {
    width: calc(100% - 160px); }

.dataTables_wrapper {
  width: 100%;
  overflow: hidden; }
  .dataTables_wrapper table {
    margin: 0; }
  .dataTables_wrapper .dataTables_filter {
    display: none; }
  .dataTables_wrapper .dataTables_scrollHead {
    /*  	overflow: visible!important;*/ }
  .dataTables_wrapper .show-pagi {
    height: 64px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    border-top: 1px solid #E8ECEE; }
    .dataTables_wrapper .show-pagi .show-lenth {
      font-size: 13px;
      color: #969EB2;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
    .dataTables_wrapper .show-pagi .dataTables_length {
      font-size: 0;
      margin-right: 16px; }
      .dataTables_wrapper .show-pagi .dataTables_length .form-select {
        height: 32px;
        min-height: 32px;
        min-width: 94px;
        font-size: 13px;
        padding-left: 12px;
        background-color: #F5F8FA;
        color: #5A6E82; }
  .dataTables_wrapper .dataTables_empty {
    text-align: center; }
  .dataTables_wrapper .dataTables_scrollBody {
    height: calc(100vh - 346px) !important;
    max-height: calc(100vh - 346px) !important; }
  .dataTables_wrapper .dataTables_empty {
    border: 0;
    color: #C5D3E3;
    height: calc(100vh - 330px);
    max-height: calc(100vh - 330px); }

.config-tables .dataTables_scrollBody {
  max-height: 200px !important;
  min-height: 100px;
  height: auto !important; }
.config-tables .dataTables_empty {
  border: 0;
  color: #C5D3E3;
  max-height: 200px !important;
  min-height: 100px;
  height: auto !important; }

.app-sidebar-closed .dataTables_scrollHeadInner {
  width: 100% !important; }

.tscroll-1 .dataTables_wrapper .dataTables_scrollBody {
  height: calc(100vh - 366px); }

.app-checkbox-col-list {
  padding-top: 24px !important; }
  .app-checkbox-col-list .app-checkbox {
    margin-bottom: 20px; }
    .app-checkbox-col-list .app-checkbox.bold {
      font-size: 16px; }

.all-selected {
  min-height: 108px;
  max-height: 216px;
  overflow: auto; }
  .all-selected li {
    background: #ffffff;
    padding: 4px 8px;
    font-size: 12px;
    position: relative;
    padding-right: 20px; }
    .all-selected li a {
      position: absolute;
      display: inline-block;
      right: 8px;
      top: 5px; }
    .all-selected li:not(:last-child) {
      margin-bottom: 4px; }

.dash-card {
  border: 1px solid #E6E6E8;
  border-radius: 10px;
  padding: 15px;
  min-height: 130px;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); }
  .dash-card .dash-icon {
    width: 80px;
    opacity: 0.3; }
    .dash-card .dash-icon .fa {
      font-size: 70px; }
  .dash-card .dash-text {
    width: calc(100% - 80px);
    font-size: 18px;
    color: #ffffff;
    font-weight: 500; }
    .dash-card .dash-text span.count {
      font-size: 35px;
      font-weight: 550; }
    .dash-card .dash-text span.days {
      font-size: 15px;
      font-weight: 400;
      opacity: 0.6; }
  .dash-card.green {
    background: #70B603; }
  .dash-card.skin {
    background: #f4b869; }

.chat-toggle {
  position: fixed !important;
  z-index: 999;
  left: 10px;
  font-size: 18px !important;
  bottom: 10px;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  opacity: 0.8;
  transition: all 0.2s ease; }
  @media (max-width: 768px) {
    .chat-toggle {
      bottom: 10px;
      right: 10px; } }
  .chat-toggle:hover {
    opacity: 1; }
  .chat-toggle .fa-bell {
    top: -7px;
    right: -7px;
    z-index: 9;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #c3c3c3;
    padding: 3px 0px;
    border-radius: 100%;
    font-size: 13px; }

.chat-box {
  position: fixed;
  z-index: 999;
  left: 4px;
  bottom: 0;
  width: 276px;
  height: 500px;
  border: 1px solid #E6E6E8;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #fff;
  transition: bottom 0.2s ease;
  overflow: hidden; }
  .chat-box.ui-resizable {
    position: fixed !important; }
  .chat-box.ui-draggable {
    cursor: move; }
  .chat-box:not(.active) {
    left: -20000px !important; }
  .chat-box .chat-head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    height: 40px;
    padding: 9px 10px;
    border-bottom: 1px solid #E6E6E8;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.04); }
    .chat-box .chat-head span {
      font-size: 12px;
      font-weight: 550;
      line-height: normal; }
    .chat-box .chat-head .action {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .chat-box .chat-head .action a, .accordion-button .action a {
        color: #183153;
        font-size: 18px; }
        .chat-box .chat-head .action a:hover {
          color: #183153;
          opacity: 1; }
  .chat-box .chat-body {
    min-height: calc(100% - 95px);
    max-height: calc(100% - 95px);
    overflow: auto;
    padding: 10px;
    border-bottom: 1px solid #E6E6E8; }
    @media (max-height: 460px) {
      .chat-box .chat-body {
        min-height: calc(100vh - 145px);
        max-height: calc(100vh - 145px); } }
    .chat-box .chat-body .received-msg {
      background: #F5F7FB;
      border-radius: 4px;
      padding: 2px 6px 4px; }
      .chat-box .chat-body .received-msg .user-id {
        font-size: 10px;
        margin-right: 10px;
        font-weight: 550;
        position: relative; }
        .chat-box .chat-body .received-msg .user-id:after, .message .message-bubble .user-id:after {
          content: "";
          position: absolute;
          background: url(../img/sprite.svg) no-repeat; }
        .chat-box .chat-body .received-msg .user-id.des-1, .message .message-bubble .user-id.des-1 {
          display: inline-block;
          padding-right: 24px;
          padding-top: 4px; }
          .chat-box .chat-body .received-msg .user-id.des-1:after, .message .message-bubble .user-id.des-1:after {
            width: 18px;
            height: 14px;
            background-position: -21px -26px;
            right: 0px;
            bottom: 4px; }
        .chat-box .chat-body .received-msg .user-id.des-2, .message .message-bubble .user-id.des-2 {
          display: inline-block;
          padding-right: 24px;
          padding-top: 4px; }
          .chat-box .chat-body .received-msg .user-id.des-2:after, .message .message-bubble .user-id.des-2:after {
            width: 18px;
            height: 16px;
            background-position: -61px -25px;
            right: 0px;
            bottom: 4px; }
        .chat-box .chat-body .received-msg .user-id.des-3, .message .message-bubble .user-id.des-3 {
          display: inline-block;
          padding-right: 24px;
          padding-top: 4px; }
          .chat-box .chat-body .received-msg .user-id.des-3:after, .message .message-bubble .user-id.des-3:after {
            width: 18px;
            height: 20px;
            background-position: -101px -22px;
            right: 0px;
            bottom: 4px; }
        .chat-box .chat-body .received-msg .user-id.des-4, .message .message-bubble .user-id.des-4 {
          display: inline-block;
          padding-right: 11px;
          padding-top: 4px; }
          .chat-box .chat-body .received-msg .user-id.des-4:after, .message .message-bubble .user-id.des-4:after {
            width: 6px;
            height: 17px;
            background-position: -141px -24px;
            right: 0px;
            bottom: 3px; }
        .chat-box .chat-body .received-msg .user-id.des-5, .message .message-bubble .user-id.des-5 {
          display: inline-block;
          padding-right: 24px;
          padding-top: 4px; }
          .chat-box .chat-body .received-msg .user-id.des-5:after {
            width: 16px;
            height: 17px;
            background-position: -171px -24px;
            right: 0px;
            bottom: 3px; }
        .chat-box .chat-body .received-msg .user-id.des-6 {
          display: inline-block;
          padding-right: 24px;
          padding-top: 5px; }
          .chat-box .chat-body .received-msg .user-id.des-6:after {
            width: 19px;
            height: 20px;
            background-position: -21px -60px;
            right: 0px;
            bottom: 1px; }
        .chat-box .chat-body .received-msg .user-id.des-7 {
          display: inline-block;
          padding-right: 24px;
          padding-top: 5px; }
          .chat-box .chat-body .received-msg .user-id.des-7:after {
            width: 19px;
            height: 20px;
            background-position: -61px -60px;
            right: 0px;
            bottom: 1px; }
        .chat-box .chat-body .received-msg .user-id.des-8 {
          display: inline-block;
          padding-right: 24px;
          padding-top: 6px; }
          .chat-box .chat-body .received-msg .user-id.des-8:after {
            width: 19px;
            height: 20px;
            background-position: -101px -61px;
            right: 0px;
            bottom: 1px; }
        .chat-box .chat-body .received-msg .user-id.des-9 {
          display: inline-block;
          padding-right: 18px;
          padding-top: 11px; }
          .chat-box .chat-body .received-msg .user-id.des-9:after {
            width: 13px;
            height: 25px;
            background-position: -138px -58px;
            right: 0px;
            bottom: 1px; }
        .chat-box .chat-body .received-msg .user-id.des-10 {
          display: inline-block;
          padding-right: 18px;
          padding-top: 25px; }
          .chat-box .chat-body .received-msg .user-id.des-10:after {
            width: 13px;
            height: 39px;
            background-position: -173px -58px;
            right: 0px;
            bottom: 1px; }
        .chat-box .chat-body .received-msg .user-id.des-11 {
          display: inline-block;
          padding-top: 17px;
          padding-right: 39px; }
          .chat-box .chat-body .received-msg .user-id.des-11:after {
            width: 34px;
            height: 34px;
            background-position: -13px -94px;
            right: 0px;
            bottom: 1px; }
        .chat-box .chat-body .received-msg .user-id.des-12 {
          display: inline-block;
          padding-right: 39px; }
          .chat-box .chat-body .received-msg .user-id.des-12:after {
            width: 34px;
            height: 18px;
            background-position: -13px -146px;
            right: 0px;
            bottom: 1px; }
        .chat-box .chat-body .received-msg .user-id.des-13 {
          padding-top: 32px;
          display: inline-block;
          padding-right: 20px; }
          .chat-box .chat-body .received-msg .user-id.des-13:after {
            width: 14px;
            height: 49px;
            background-position: -24px -186px;
            right: 0px;
            bottom: 0; }
      .chat-box .chat-body .received-msg .received-msg-inbox {
        max-width: 100%;
        font-size: 10px; }
        .chat-box .chat-body .received-msg .received-msg-inbox p {
          margin: 0;
          font-weight: 500; }
      .chat-box .chat-body .received-msg .time {
        font-size: 9px;
        font-weight: 550;
        opacity: 0.9; }
    .chat-box .chat-body .outgoing-chats {
      background: #d3e2ff;
      border-radius: 4px;
      padding: 2px 6px 4px; }
      .chat-box .chat-body .outgoing-chats .user-id {
        font-size: 10px;
        margin-right: 10px;
        font-weight: 550; }
      .chat-box .chat-body .outgoing-chats .outgoing-msg {
        font-size: 10px;
        max-width: 100%; }
        .chat-box .chat-body .outgoing-chats .outgoing-msg p {
          margin: 0;
          font-weight: 500; }
      .chat-box .chat-body .outgoing-chats .time {
        font-size: 9px;
        font-weight: 550;
        opacity: 0.9; }
  .chat-box .chat-footer {
    position: relative;
    height: 55px;
    background: #F5F7FB; }
    .chat-box .chat-footer input {
      border: 0 !important;
      height: 100%;
      padding-right: 65px;
      background: #F5F7FB;
      font-size: 12px; }
      .chat-box .chat-footer input::placeholder {
        color: #B9C2D5;
        opacity: 1; }
      .chat-box .chat-footer input:-ms-input-placeholder {
        color: #B9C2D5; }
      .chat-box .chat-footer input::-ms-input-placeholder {
        color: #B9C2D5; }
    .chat-box .chat-footer button {
      width: 40px !important;
      height: 40px !important;
      position: absolute;
      right: 5px;
      bottom: 6px;
      font-size: 16px; }

.dataTables_scroll {
  overflow: auto; }

.dataTable {
  margin: 0; }

.dataTables_scrollHead {
  overflow: hidden;
  position: relative;
  border: 0px;
  width: 100%; }

.dataTables_scrollHead .dataTables_scrollHeadInner {
  box-sizing: content-box;
  padding-right: 6px; }

.dataTables_scrollBody {
  position: relative;
  overflow: auto;
  width: 100%;
  height: calc(100vh - 346px) !important;
  max-height: calc(100vh - 346px) !important; }
  .dataTables_scrollBody thead tr {
    height: 0px; }
    .dataTables_scrollBody thead tr th {
      height: 0px !important;
      padding-top: 0px !important;
      padding-bottom: 0px !important; }

.dataTables_sizing {
  height: 0;
  overflow: hidden; }

.badge-dropdown .user-id {
  font-size: 14px;
  font-weight: 550;
  position: relative;
  width: 24px;
  height: 19px;
  vertical-align: middle;
  margin-right: 8px; }
  .badge-dropdown .user-id:after {
    content: "";
    position: absolute;
    background: url(../img/sprite.svg) no-repeat; }
  .badge-dropdown .user-id.des-1 {
    display: inline-block;
    padding-right: 24px; }
    .badge-dropdown .user-id.des-1:after {
      width: 18px;
      height: 14px;
      background-position: -21px -26px;
      right: 5px;
      bottom: 2px; }
  .badge-dropdown .user-id.des-2 {
    display: inline-block;
    padding-right: 24px; }
    .badge-dropdown .user-id.des-2:after {
      width: 18px;
      height: 16px;
      background-position: -61px -25px;
      right: 5px;
      bottom: 2px; }
  .badge-dropdown .user-id.des-3 {
    display: inline-block;
    padding-right: 24px; }
    .badge-dropdown .user-id.des-3:after {
      width: 18px;
      height: 20px;
      background-position: -101px -22px;
      right: 5px;
      bottom: 1px; }
  .badge-dropdown .user-id.des-4 {
    display: inline-block;
    padding-right: 11px; }
    .badge-dropdown .user-id.des-4:after {
      width: 6px;
      height: 17px;
      background-position: -141px -24px;
      right: 11px;
      bottom: 2px; }
  .badge-dropdown .user-id.des-5 {
    display: inline-block;
    padding-right: 24px; }
    .badge-dropdown .user-id.des-5:after {
      width: 16px;
      height: 17px;
      background-position: -171px -24px;
      right: 6px;
      bottom: 2px; }
  .badge-dropdown .user-id.des-6 {
    display: inline-block;
    padding-right: 24px; }
    .badge-dropdown .user-id.des-6:after {
      width: 19px;
      height: 20px;
      background-position: -21px -60px;
      right: 5px;
      bottom: -1px; }
  .badge-dropdown .user-id.des-7 {
    display: inline-block;
    padding-right: 24px; }
    .badge-dropdown .user-id.des-7:after {
      width: 19px;
      height: 20px;
      background-position: -61px -60px;
      right: 5px;
      bottom: -1px; }
  .badge-dropdown .user-id.des-8 {
    display: inline-block;
    padding-right: 24px; }
    .badge-dropdown .user-id.des-8:after {
      width: 19px;
      height: 20px;
      background-position: -101px -61px;
      right: 6px;
      bottom: -1px; }
  .badge-dropdown .user-id.des-9 {
    display: inline-block;
    padding-right: 18px; }
    .badge-dropdown .user-id.des-9:after {
      width: 13px;
      height: 25px;
      background-position: -138px -58px;
      right: 9px;
      bottom: -3px; }
  .badge-dropdown .user-id.des-10 {
    display: inline-block;
    padding-right: 18px; }
    .badge-dropdown .user-id.des-10:after {
      width: 13px;
      height: 39px;
      background-position: -173px -58px;
      right: 9px;
      bottom: -11px;
      transform: scale(0.8); }
  .badge-dropdown .user-id.des-11 {
    display: inline-block;
    padding-right: 24px; }
    .badge-dropdown .user-id.des-11:after {
      width: 34px;
      height: 34px;
      background-position: -13px -94px;
      right: 0px;
      bottom: -7px; }
  .badge-dropdown .user-id.des-12 {
    display: inline-block;
    padding-right: 24px; }
    .badge-dropdown .user-id.des-12:after {
      width: 34px;
      height: 18px;
      background-position: -13px -146px;
      right: 0px;
      bottom: 1px; }
  .badge-dropdown .user-id.des-13 {
    padding-top: 14px;
    display: inline-block;
    padding-right: 20px; }
    .badge-dropdown .user-id.des-13:after {
      width: 14px;
      height: 49px;
      background-position: -24px -186px;
      right: 9px;
      bottom: -15px;
      transform: scale(0.7); }
.badge-dropdown .multiselect-selected-text {
  height: 100%;
  display: flex;
  align-items: center; }
  .badge-dropdown .multiselect-selected-text .des-11, .badge-dropdown .multiselect-selected-text .des-12 {
    padding-right: 34px; }
.badge-dropdown .multiselect-container li a label {
  padding: 9px 16px 9px 13px !important; }

.toggle-bell {
  min-width: 20px; }

.sound-drop .dropdown-menu {
  min-width: 170px; }
  .sound-drop .dropdown-menu li a {
    padding: 7px;
    min-width: 35px !important;
    font-size: 15px !important;
    padding-top: 5px;
    height: 35px; }

.scalehalf {
  transform: scale(0.8); }

.line-clamp1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.lbl-btn {
  position: relative;
  overflow: visible !important; }
  .lbl-btn:before {
    display: none !important; }
  .lbl-btn span.lb.count {
    width: 14px;
    height: 14px;
    background: #EC4949;
    color: #ffffff;
    border-radius: 12px;
    font-size: 9px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: absolute;
    top: -5px;
    right: -5px; }

.media-attachment-editor {
  border: 1px solid #EBEBEB;
  border-radius: 5px; }
  .media-attachment-editor textarea {
    border: 0px; }

.media-attachment {
  display: flex;
  align-items: center;
  padding: 13px 12px; }
  .media-attachment label {
    cursor: pointer;
    display: flex; }
    .media-attachment label.uploadMediaFile:hover .svg-file-b {
      background-position: -86px -133px; }
    .media-attachment label.uploadMediaImage:hover .svg-image-b {
      background-position: -87px -159px; }

.message-outer {
  min-height: calc(100vh - 257px);
  max-height: calc(100vh - 257px);
 }
  .message-outer .message-row:not(:last-child) {
    border-bottom: 1px solid #E6E6E8; }
  .message-outer .message-row .accordion-header {
    cursor: pointer; }
  .message-outer .message-row:not(:first-child) {
    padding-bottom: 18px; }
  .message-outer .message-row:last-child {
    padding-bottom: 0px; }
  .message-outer .message-row figure {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden; }
  .message-outer .message-row .user-detail {
    width: calc(100% - 245px);
    margin-left: 16px; }
    .message-outer .message-row .user-detail .email {
      font-weight: 500;
      color: #000000;
      font-size: 14px; }
    .message-outer .message-row .user-detail .txt {
      font-weight: 500;
      font-size: 14px; }
    .message-outer .message-row .user-detail.full {
      width: calc(100% - 40px); }
    .message-outer .message-row .user-detail .reply-action button {
      color: #183153; }
      .message-outer .message-row .user-detail .reply-action button i {
        color: #ACBCD2; }
      .message-outer .message-row .user-detail .reply-action button:hover i {
        color: #183153; }
  .message-outer .message-row .date {
    font-size: 13px;
    color: #818194;
    font-weight: 500;
    margin-top: 21px;
    margin-left: auto; }

.accordion-action .btn {
  width: 104px; }

.replyPanel {
  border: 1px solid #DBE0EB;
  border-radius: 8px; }
  .replyPanel .replyPanel-head {
    border-bottom: 1px solid #DBE0EB;
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 10px 15px; }
    .replyPanel .replyPanel-head span {
      display: inline-block;
      margin-left: 14px;
      margin-right: 14px;
      color: #000000;
      font-size: 14px;
      font-weight: 500; }
    .replyPanel .replyPanel-head a {
      color: #ACBCD2;
      font-size: 18px; }
  .replyPanel .replyPanel-body textarea {
    border: 0; }

.delete-replies {
  color: #ACBCD2;
  font-size: 16px; }

.replyPanel-foot-attachment {
  padding: 6px 12px; }

.uploadFileList, .uploadImageList {
  max-width: 500px; }
  .uploadFileList li, .uploadImageList li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f9f9f9;
    border-radius: 5px;
    padding-right: 10px;
    cursor: pointer; }
    .uploadFileList li:not(:last-child), .uploadImageList li:not(:last-child) {
      margin-bottom: 6px; }
    .uploadFileList li:hover, .uploadImageList li:hover {
      background: #f2f2f2; }
    .uploadFileList li .fileName, .uploadImageList li .fileName {
      padding: 9px 10px;
      word-break: break-all;
      flex: 1 auto;
      color: #00498a; }
      .uploadFileList li .fileName:hover, .uploadImageList li .fileName:hover {
        color: #000000; }

.removeFile {
  color: #3A3F53;
  opacity: 0.8; }
  .removeFile:hover {
    color: #3A3F53;
    opacity: 1; }

.word-break {
  word-break: break-all; }

.bdt-list li:first-child {
  display: none; }


.app-quick-sidebar-overlay {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  content: "";
  z-index: -9999;
  position: fixed;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.4);
  transition: visibility 0s, opacity 0.5s linear; }
  .app-quick-sidebar-overlay.open {
    opacity: 1;
    z-index: 92;
    visibility: visible; }

.app-quick-sidebar {
  top: 0;
  bottom: 0;
  right: -6000px;
  width: 100%;
  max-width: 670px;
  z-index: 93;
  position: fixed;
  background: #fff;
  border-top: 1px solid #939393;
  border-left: 2px solid #E8ECEE;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 3px 46px rgba(0, 0, 0, 0.16); }
  .app-quick-sidebar.open {
    right: 0px; }
  .app-quick-sidebar.md {
    max-width: 470px; }
  .app-quick-sidebar .portlet-head,
  .app-quick-sidebar .s-head {
    height: 60px;
    z-index: 2;
    padding: 0 10px 0 28px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    border-bottom: 1px solid #E8ECEE; }
    .app-quick-sidebar .portlet-head .tools,
    .app-quick-sidebar .s-head .tools {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .app-quick-sidebar .portlet-head .tools .ml,
      .app-quick-sidebar .s-head .tools .ml {
        margin-left: 12px; }
  .app-quick-sidebar .s-head {
    z-index: 1; }
  .app-quick-sidebar .portlet-body {
    height: calc(100% - 60px); }
    .app-quick-sidebar .portlet-body .app-grow {
      height: 100%;
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: 0;
      overflow: hidden;
      overflow-y: auto; }
    .app-quick-sidebar .portlet-body .applet-container {
      margin-bottom: 0; }
      .app-quick-sidebar .portlet-body .applet-container .applet-head {
        padding-left: 50px; }
      .app-quick-sidebar .portlet-body .applet-container .applet-body {
        padding-left: 50px;
        padding-bottom: 16px; }
        .app-quick-sidebar .portlet-body .applet-container .applet-body:not(:first-child) {
          padding-top: 6px; }
    .app-quick-sidebar .portlet-body.chat-body {
      height: calc(100% - 192px); }
      .app-quick-sidebar .portlet-body.chat-body .chat-list {
        min-height: 100%;
        padding: 0 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end; }
      .app-quick-sidebar .portlet-body.chat-body .chat-foot {
        background: #F9F9F9; }
        .app-quick-sidebar .portlet-body.chat-body .chat-foot .form-control {
          min-height: 70px;
          padding: 16px 20px;
          background: transparent; }
        .app-quick-sidebar .portlet-body.chat-body .chat-foot .action {
          height: 60px;
          padding: 0 20px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center;
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          -ms-justify-content: space-between;
          justify-content: space-between;
          -ms-flex-pack: space-between; }
          .app-quick-sidebar .portlet-body.chat-body .chat-foot .action .chat-file {
            width: 30px;
            height: 30px;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            justify-content: center;
            -ms-flex-pack: center; }

.app-body {
  overflow: hidden; }

body.ani {
  /*
  .app-sidebar{
    transition: all 0.3s ease-in-out;
    .app-logo{
      transition: all 0.3s ease-in-out;
      .logo{
        transition: all 0.3s ease-in-out;
      }
    }
    .app-sidebar-menu {
      li{
        a{
          transition: all 0.3s ease-in-out;
          &:after {
            transition: all 0.3s ease-in-out;
          }
        }
      }
      > li {
        .sub-menu {
          transition: all 0.3s ease-in-out;
        }
      }
    }
  }*/ }
  body.ani .app-sidebar,
  body.ani .app-logo,
  body.ani .logo,
  body.ani .app-sidebar-menu li a:after,
  body.ani .app-sidebar-menu li a span.title,
  body.ani .app-sidebar-menu li.main,
  body.ani .app-sidebar-menu li .sub-menu,
  body.ani .app-header,
  body.ani .app-content,
  body.ani .app-head {
    transition: all 0.3s ease-in-out; }

/*# sourceMappingURL=app.css.map */