@import url("https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
* {
  outline: none !important; }

body {
  font-family: 'Montserrat', sans-serif;
  overflow: hidden; }

.popover .popover-body {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

img, .header .right-buttons .dropdown .dropdown-toggle, .main-content .page-content .dropdown .dropdown-toggle, .main-content .page-content .form-check .form-check-label, .main-content .page-content .form-group .file-select .selected-img span, .main-content .page-content .modal-dialog .modal-content .modal-body .table thead tr th .remove-row,
.main-content .page-content .modal-dialog .modal-content .modal-body .table tbody tr td .remove-row {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */ }

.rounded-10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

.rounded-20 {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }

.rounded-30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px; }

.rounded-40 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px; }

.rounded-50 {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px; }

.gutter-14 {
  margin-right: -7px;
  margin-left: -7px; }
  .gutter-14 > .col,
  .gutter-14 > [class*="col-"] {
    padding-right: 7px;
    padding-left: 7px; }

.gutter-24 {
  margin-right: -12px;
  margin-left: -12px; }
  .gutter-24 > .col,
  .gutter-24 > [class*="col-"] {
    padding-right: 12px;
    padding-left: 12px; }

.gutter-30 {
  margin-right: -15px;
  margin-left: -15px; }
  .gutter-30 > .col,
  .gutter-30 > [class*="col-"] {
    padding-right: 15px;
    padding-left: 15px; }

.gutter-40 {
  margin-right: -20px;
  margin-left: -20px; }
  .gutter-40 > .col,
  .gutter-40 > [class*="col-"] {
    padding-right: 20px;
    padding-left: 20px; }

.gutter-70 {
  margin-right: -35px;
  margin-left: -35px; }
  .gutter-70 > .col,
  .gutter-70 > [class*="col-"] {
    padding-right: 35px;
    padding-left: 35px; }

@media (min-width: 576px) {
  .gutter-sm-14 {
    margin-right: -7px;
    margin-left: -7px; }
    .gutter-sm-14 > .col,
    .gutter-sm-14 > [class*="col-"] {
      padding-right: 7px;
      padding-left: 7px; }
  .gutter-sm-24 {
    margin-right: -12px;
    margin-left: -12px; }
    .gutter-sm-24 > .col,
    .gutter-sm-24 > [class*="col-"] {
      padding-right: 12px;
      padding-left: 12px; }
  .gutter-sm-30 {
    margin-right: -15px;
    margin-left: -15px; }
    .gutter-sm-30 > .col,
    .gutter-sm-30 > [class*="col-"] {
      padding-right: 15px;
      padding-left: 15px; }
  .gutter-sm-40 {
    margin-right: -20px;
    margin-left: -20px; }
    .gutter-sm-40 > .col,
    .gutter-sm-40 > [class*="col-"] {
      padding-right: 20px;
      padding-left: 20px; }
  .gutter-sm-70 {
    margin-right: -35px;
    margin-left: -35px; }
    .gutter-sm-70 > .col,
    .gutter-sm-70 > [class*="col-"] {
      padding-right: 35px;
      padding-left: 35px; } }

@media (min-width: 768px) {
  .gutter-md-14 {
    margin-right: -7px;
    margin-left: -7px; }
    .gutter-md-14 > .col,
    .gutter-md-14 > [class*="col-"] {
      padding-right: 7px;
      padding-left: 7px; }
  .gutter-md-24 {
    margin-right: -12px;
    margin-left: -12px; }
    .gutter-md-24 > .col,
    .gutter-md-24 > [class*="col-"] {
      padding-right: 12px;
      padding-left: 12px; }
  .gutter-md-30 {
    margin-right: -15px;
    margin-left: -15px; }
    .gutter-md-30 > .col,
    .gutter-md-30 > [class*="col-"] {
      padding-right: 15px;
      padding-left: 15px; }
  .gutter-md-40 {
    margin-right: -20px;
    margin-left: -20px; }
    .gutter-md-40 > .col,
    .gutter-md-40 > [class*="col-"] {
      padding-right: 20px;
      padding-left: 20px; }
  .gutter-md-70 {
    margin-right: -35px;
    margin-left: -35px; }
    .gutter-md-70 > .col,
    .gutter-md-70 > [class*="col-"] {
      padding-right: 35px;
      padding-left: 35px; } }

@media (min-width: 992px) {
  .gutter-lg-14 {
    margin-right: -7px;
    margin-left: -7px; }
    .gutter-lg-14 > .col,
    .gutter-lg-14 > [class*="col-"] {
      padding-right: 7px;
      padding-left: 7px; }
  .gutter-lg-24 {
    margin-right: -12px;
    margin-left: -12px; }
    .gutter-lg-24 > .col,
    .gutter-lg-24 > [class*="col-"] {
      padding-right: 12px;
      padding-left: 12px; }
  .gutter-lg-30 {
    margin-right: -15px;
    margin-left: -15px; }
    .gutter-lg-30 > .col,
    .gutter-lg-30 > [class*="col-"] {
      padding-right: 15px;
      padding-left: 15px; }
  .gutter-lg-40 {
    margin-right: -20px;
    margin-left: -20px; }
    .gutter-lg-40 > .col,
    .gutter-lg-40 > [class*="col-"] {
      padding-right: 20px;
      padding-left: 20px; }
  .gutter-lg-70 {
    margin-right: -35px;
    margin-left: -35px; }
    .gutter-lg-70 > .col,
    .gutter-lg-70 > [class*="col-"] {
      padding-right: 35px;
      padding-left: 35px; } }

@media (min-width: 1200px) {
  .gutter-xl-14 {
    margin-right: -7px;
    margin-left: -7px; }
    .gutter-xl-14 > .col,
    .gutter-xl-14 > [class*="col-"] {
      padding-right: 7px;
      padding-left: 7px; }
  .gutter-xl-24 {
    margin-right: -12px;
    margin-left: -12px; }
    .gutter-xl-24 > .col,
    .gutter-xl-24 > [class*="col-"] {
      padding-right: 12px;
      padding-left: 12px; }
  .gutter-xl-30 {
    margin-right: -15px;
    margin-left: -15px; }
    .gutter-xl-30 > .col,
    .gutter-xl-30 > [class*="col-"] {
      padding-right: 15px;
      padding-left: 15px; }
  .gutter-xl-40 {
    margin-right: -20px;
    margin-left: -20px; }
    .gutter-xl-40 > .col,
    .gutter-xl-40 > [class*="col-"] {
      padding-right: 20px;
      padding-left: 20px; }
  .gutter-xl-70 {
    margin-right: -35px;
    margin-left: -35px; }
    .gutter-xl-70 > .col,
    .gutter-xl-70 > [class*="col-"] {
      padding-right: 35px;
      padding-left: 35px; } }

.transition, a, .btn, .main-content .page-content .form-check .form-check-label:before, .main-content .page-content .form-group .file-select.attachment label .clear, .main-content .page-content .feeds .item .add-favorites, .main-content .page-content .modal-dialog .modal-content .modal-body .table thead tr th .remove-row,
.main-content .page-content .modal-dialog .modal-content .modal-body .table tbody tr td .remove-row {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.transitionBorder, .main-content .page-content .form-group .form-control, .main-content .page-content .form-group .input-group .input-group-prepend,
.main-content .page-content .form-group .input-group .input-group-append {
  -webkit-transition: border-color 0.15s;
  -moz-transition: border-color 0.15s;
  -ms-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s; }

.block {
  float: left;
  width: 100%; }

.inlineblock, .main-content .sidebar .nav .nav-item .sub-nav li a, .main-content .page-content .form-check .form-check-label .light, .main-content .page-content .filter, .main-content .page-content .feeds .item {
  display: inline-block;
  width: 100%; }

/* clear */
.clear:before,
.clear:after {
  content: ' ';
  display: table; }

.clear:after {
  clear: both; }

.flex-grow-0 {
  min-width: initial; }

img {
  max-width: 100%; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

a:focus {
  outline: 0; }

a:hover,
a:active {
  outline: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #000;
  margin: 0 0 15px; }

h1, .h1 {
  font-size: 1.375rem; }

h2, .h2 {
  font-size: 1.25rem; }

h3, .h3 {
  font-size: 1.125rem; }

h4, .h4 {
  font-size: 1.0625rem; }

h5, .h5 {
  font-size: 1rem; }

h6, .h6 {
  font-size: 0.875rem; }

a {
  color: #333; }

p {
  color: #58585a;
  font-size: 0.875rem; }

b, strong {
  font-weight: 600; }

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

.flex-grow-0 label {
  white-space: nowrap; }

.date {
  font-weight: 500;
  color: #b3b3b3; }

.btn {
  padding: 10px 30px;
  font-size: 0.9375rem;
  font-weight: 600;
  border: none; }
  .btn.btn-sm {
    padding: 7px 16px;
    font-size: 0.8125rem; }
  .btn.btn-xs {
    font-size: 0.75rem;
    padding: 5px 13px;
    font-weight: 500; }
  .btn[class*="btn-outline"] {
    border-width: 1px;
    border-style: solid; }
  .btn [class*="icon-trash"] {
    color: red;
    font-size: 1.4375rem;
    margin: -4px 10px -4px -4px;
    display: inline-block;
    vertical-align: sub; }

.badge-tag {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 6px 9px;
  margin-right: 3px;
  border-radius: 0;
  margin-bottom: 5px; }

.login-page {
  background: #F7F7F6;
  height: 100vh;
  overflow: auto; }
  .login-page .content {
    margin: 0 auto;
    width: 100%;
    max-width: 540px;
    padding: 70px 0; }
    .login-page .content .logo {
      text-align: center;
      margin: 0 0 50px; }
    .login-page .content .card {
      border: none;
      border-radius: 15px;
      box-shadow: 11px 14px 16px -6px rgba(0, 0, 0, 0.07); }
      .login-page .content .card .card-body {
        padding: 50px 70px; }
        .login-page .content .card .card-body .head {
          margin: 0 0 50px;
          text-align: center; }
          .login-page .content .card .card-body .head h3 {
            font-size: 1.375rem; }
        .login-page .content .card .card-body h4 {
          font-size: 1rem;
          margin: 20px 0; }
        .login-page .content .card .card-body .form-group {
          margin: 0 0 15px; }
          .login-page .content .card .card-body .form-group .form-control {
            padding: 10px 20px;
            height: 46px;
            font-size: 0.9375rem;
            border: 1px solid #dfdfdf;
            border-radius: 5px; }
            .login-page .content .card .card-body .form-group .form-control:focus {
              box-shadow: 0 0 0;
              border-color: #0790c9; }
          .login-page .content .card .card-body .form-group select.form-control {
            -webkit-appearance: none;
            -moz-appearance: none;
            background: transparent url(../images/select-icon.png) no-repeat scroll right center; }
        .login-page .content .card .card-body .btn {
          width: 100%;
          padding: 14px 30px;
          border-radius: 4px;
          margin-top: 10px; }
        .login-page .content .card .card-body .back-link {
          margin: 50px auto 0;
          text-align: center;
          display: table;
          font-weight: 500; }
    .login-page .content .info {
      margin-top: 40px;
      font-weight: 500; }
      .login-page .content .info a {
        margin-left: 20px; }

.header {
  padding: 12px 20px;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .header > * {
    flex-basis: 0;
    flex-grow: 1; }
  .header .logo {
    flex: 0 0 190px; }
    .header .logo img {
      width: 100%;
      max-width: 164px;
      margin: -6px 0; }
  .header .title h3 {
    font-size: 22px;
    color: #383838;
    font-weight: 500; }
  .header .right-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .header .right-buttons .dropdown {
      margin-left: 30px; }
      .header .right-buttons .dropdown .dropdown-toggle {
        font-size: 0.9375rem;
        font-weight: 500;
        display: inline-block;
        cursor: pointer;
        color: #0790c9; }
        .header .right-buttons .dropdown .dropdown-toggle:after {
          border-top: 0.4em solid;
          transform: translate(0px, 2px); }
        .header .right-buttons .dropdown .dropdown-toggle:after {
          display: none; }
        .header .right-buttons .dropdown .dropdown-toggle i {
          font-size: 1.625rem;
          margin-top: 3px;
          display: inline-block; }
        .header .right-buttons .dropdown .dropdown-toggle .badge {
          padding: 4px;
          border-radius: 50%;
          position: absolute;
          right: -1px;
          top: 4px;
          display: inline-block;
          border: 2px solid #fff; }
      .header .right-buttons .dropdown .dropdown-menu {
        padding: 10px 20px;
        margin-top: 12px;
        box-shadow: 0 0 14px -2px rgba(0, 0, 0, 0.1);
        border: 1px solid #e6e6e6;
        border-radius: 7px;
        min-width: 170px; }
        .header .right-buttons .dropdown .dropdown-menu .dropdown-item {
          font-size: 0.875rem;
          padding: 0;
          color: #333;
          margin-bottom: 2px;
          font-weight: 500; }
          .header .right-buttons .dropdown .dropdown-menu .dropdown-item:hover, .header .right-buttons .dropdown .dropdown-menu .dropdown-item:focus {
            color: #333;
            background-color: transparent; }
          .header .right-buttons .dropdown .dropdown-menu .dropdown-item .alert {
            width: 260px;
            white-space: initial;
            margin: -2px -22px 0;
            border: none;
            border-radius: 0;
            padding-right: 30px;
            background: transparent;
            border-bottom: 1px solid #ddd;
            font-size: 0.8125rem;
            line-height: 1.4; }
            .header .right-buttons .dropdown .dropdown-menu .dropdown-item .alert .close {
              right: 10px;
              top: 6px;
              position: absolute;
              padding: 0 2px;
              font-size: 1.625rem;
              line-height: 0.9;
              font-weight: 500; }
            .header .right-buttons .dropdown .dropdown-menu .dropdown-item .alert .clearfix {
              font-size: 0.75rem;
              margin-top: -4px;
              margin-right: -16px; }
            .header .right-buttons .dropdown .dropdown-menu .dropdown-item .alert:hover {
              background-color: #ececec; }
          .header .right-buttons .dropdown .dropdown-menu .dropdown-item:last-child .alert {
            border-bottom: 0 none; }

.breadcrumb {
  padding: 10px 10px 10px 210px;
  margin: 0;
  background: transparent; }
  .breadcrumb .breadcrumb-item {
    font-weight: 500;
    font-size: 0.8125rem; }
    .breadcrumb .breadcrumb-item a {
      color: #000; }
    .breadcrumb .breadcrumb-item::before {
      content: ">"; }
    .breadcrumb .breadcrumb-item:first-child::before {
      content: ""; }

.tablist {
  margin: 10px 0 0; }
  .tablist .nav-item {
    margin-bottom: 30px; }
    .tablist .nav-item .nav-link {
      background: #f7f7f7;
      padding: 13px 31px;
      margin-right: 30px;
      font-size: 0.875rem;
      color: #000;
      border: 1px solid #c4c4c4;
      font-weight: 500; }
      .tablist .nav-item .nav-link.active {
        border: 1px solid #6c757d;
        background: #6c757d;
        color: #fff; }

.nav-tabs {
  border-bottom: 1px solid #b6b6b6; }
  .nav-tabs .nav-item .nav-link {
    border: 1px solid #b6b6b6;
    border-radius: 0;
    font-size: 0.9375rem;
    font-weight: 500;
    padding: 7px 30px 5px;
    color: #000; }
    .nav-tabs .nav-item .nav-link.active {
      background: #6c757d;
      color: #fff;
      border-color: #6c757d; }

.popover {
  border: none;
  font-family: 'Montserrat', sans-serif; }
  .popover .popover-body {
    padding: 20px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.3); }
    .popover .popover-body .profile {
      font-size: 0.9375rem;
      font-weight: 600;
      margin-bottom: 10px;
      display: inline-block; }
      .popover .popover-body .profile img {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        object-fit: contain;
        margin: -3px 4px -3px 0;
        vertical-align: top; }
      .popover .popover-body .profile, .popover .popover-body .profile:hover {
        text-decoration: none; }
    .popover .popover-body ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .popover .popover-body ul li {
        font-size: 0.875rem;
        margin-bottom: 2px;
        font-weight: 500; }
        .popover .popover-body ul li b {
          font-weight: 600;
          margin-left: 5px; }

.main-content {
  display: flex; }
  .main-content > * {
    flex-grow: 1;
    flex-basis: 0; }
  .main-content .sidebar {
    flex: 0 0 210px;
    padding: 0;
    background: #fff;
    z-index: 99;
    position: relative;
    transition: transform 0.3s; }
    .main-content .sidebar .avatar {
      display: flex;
      align-items: center;
      padding: 0 20px;
      margin-bottom: 30px;
      margin-top: -18px; }
      .main-content .sidebar .avatar img {
        height: 40px;
        width: 40px;
        object-fit: cover;
        flex: 0 0 40px;
        margin-right: 12px;
        background: #f2f4f4; }
      .main-content .sidebar .avatar span {
        font-weight: 600;
        font-size: 0.9375rem; }
    .main-content .sidebar .wraper {
      height: 100%;
      position: relative; }
    .main-content .sidebar .scroll {
      background: rgba(0, 0, 0, 0.1);
      position: absolute;
      right: 0;
      width: 4px;
      z-index: 999;
      transition: height 0.3s;
      -webkit-transition: height 0.3s;
      -moz-transition: height 0.3s; }

@-moz-document url-prefix() {
  .main-content .sidebar .nav {
    direction: rtl;
    margin-left: -17px;
    width: calc(100% + 17px); } }
    @supports (-ms-accelerator: true) {
      .main-content .sidebar .nav {
        direction: rtl;
        margin-left: -17px;
        width: calc(100% + 17px); } }
    @supports (-ms-ime-align: auto) {
      .main-content .sidebar .nav {
        direction: rtl;
        margin-left: -17px;
        width: calc(100% + 17px); } }
    .main-content .sidebar .nav {
      height: 100%;
      overflow-y: scroll;
      min-width: 100%;
      padding: 0;
      position: relative;
      display: inline-block;
      -webkit-overflow-scrolling: touch; }
      .main-content .sidebar .nav::-webkit-scrollbar {
        width: 0; }
      .main-content .sidebar .nav .nav-item {
        direction: ltr; }
        .main-content .sidebar .nav .nav-item .nav-link {
          padding: 12px 20px;
          color: #000;
          font-weight: 500;
          font-size: 0.9375rem; }
          .main-content .sidebar .nav .nav-item .nav-link i {
            font-size: 1.5rem;
            vertical-align: middle;
            color: #bdbdbd;
            margin-right: 12px;
            transform: translate(0px, -1px);
            display: inline-block; }
        .main-content .sidebar .nav .nav-item.list .nav-link {
          position: relative; }
          .main-content .sidebar .nav .nav-item.list .nav-link:before {
            background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%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");
            content: "";
            width: 14px;
            height: 14px;
            position: absolute;
            right: 20px;
            top: 16px; }
        .main-content .sidebar .nav .nav-item .sub-nav {
          list-style: none;
          padding: 0 15px 10px 56px;
          display: none; }
          .main-content .sidebar .nav .nav-item .sub-nav li a {
            font-weight: 500;
            font-size: 0.8125rem;
            color: #000; }
            .main-content .sidebar .nav .nav-item .sub-nav li a:hover {
              text-decoration: none; }
            .main-content .sidebar .nav .nav-item .sub-nav li a:before {
              content: "-";
              margin-right: 5px; }
        .main-content .sidebar .nav .nav-item.active {
          background-color: #f2f4f4; }
          .main-content .sidebar .nav .nav-item.active .sub-nav {
            display: block; }
          .main-content .sidebar .nav .nav-item.active .nav-link i {
            color: #0790c9; }
            .main-content .sidebar .nav .nav-item.active .nav-link i.icon-materials {
              color: #0790c9; }
            .main-content .sidebar .nav .nav-item.active .nav-link i.icon-work {
              color: #ffc107; }
            .main-content .sidebar .nav .nav-item.active .nav-link i.icon-request {
              color: #dc3545; }
            .main-content .sidebar .nav .nav-item.active .nav-link i.icon-offce-details {
              color: #28a745; }
  .main-content .page-content {
    background: #f2f4f4;
    border-radius: 6px 0 0 0;
    padding: 25px 0 25px 10px;
    height: 100%;
    transition: transform 0.3s;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #7b7b7b #e2e2e2;
    -webkit-overflow-scrolling: touch; }
    .main-content .page-content::-webkit-scrollbar {
      width: 8px;
      height: 8px; }
    .main-content .page-content::-webkit-scrollbar-track {
      background: #e2e2e2; }
    .main-content .page-content::-webkit-scrollbar-thumb {
      background-color: #7b7b7b; }
    .main-content .page-content .container {
      margin: 0;
      width: 100%;
      min-height: 100%;
      max-width: 1366px; }
    .main-content .page-content address {
      margin-bottom: 15px; }
      .main-content .page-content address p {
        font-weight: 500;
        line-height: 1.6; }
    .main-content .page-content .dropdown .dropdown-toggle:after {
      border-top: 0.4em solid;
      transform: translate(0px, 2px); }
    .main-content .page-content .dropdown .dropdown-toggle.btn.btn-icon {
      padding: 1px 6px;
      line-height: 1; }
    .main-content .page-content .dropdown .dropdown-toggle.no-arrow:after {
      display: none; }
    .main-content .page-content .dropdown .dropdown-menu {
      padding: 10px 20px;
      box-shadow: 0 0 14px -2px rgba(0, 0, 0, 0.1);
      border: 1px solid #e6e6e6;
      border-radius: 7px;
      min-width: 170px; }
      .main-content .page-content .dropdown .dropdown-menu .dropdown-item {
        font-size: 0.875rem;
        padding: 0;
        color: #333;
        margin-bottom: 2px;
        font-weight: 500; }
        .main-content .page-content .dropdown .dropdown-menu .dropdown-item:last-child {
          margin-bottom: 0; }
        .main-content .page-content .dropdown .dropdown-menu .dropdown-item:hover, .main-content .page-content .dropdown .dropdown-menu .dropdown-item:focus {
          color: #333;
          background-color: transparent; }
    .main-content .page-content .dropdown.dropdown-status .dropdown-toggle.btn b {
      font-weight: 700; }
    .main-content .page-content .dropdown.dropdown-status .dropdown-menu {
      padding: 1px 0 3px; }
      .main-content .page-content .dropdown.dropdown-status .dropdown-menu .alert {
        padding: 4px 10px;
        color: #333;
        margin-bottom: 5px;
        font-weight: 500;
        width: 100%;
        display: inline-block;
        text-decoration: none;
        font-size: 0.875rem; }
        .main-content .page-content .dropdown.dropdown-status .dropdown-menu .alert:hover {
          box-shadow: 0 0 0 30px inset rgba(200, 200, 200, 0.2); }
    .main-content .page-content .camera .video-box {
      background: #d6d6d6;
      margin-right: 30px;
      position: relative;
      width: 320px;
      display: flex; }
      .main-content .page-content .camera .video-box video {
        width: 100%;
        height: auto; }
    .main-content .page-content .camera #canvas {
      display: none; }
    .main-content .page-content .camera .output {
      display: flex;
      flex-wrap: wrap;
      font-size: 15px;
      margin: 0 -8px; }
      .main-content .page-content .camera .output .item {
        flex: 0 0 33.33%;
        position: relative;
        padding: 0 8px;
        margin-bottom: 14px; }
        .main-content .page-content .camera .output .item .remove-image {
          position: absolute;
          right: 4px;
          background: #fff;
          width: 20px;
          border-radius: 30px;
          height: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          transform: translate(30%, -30%) rotate(45deg);
          font-size: 12px;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
        .main-content .page-content .camera .output .item img {
          width: 100%; }
    .main-content .page-content .card {
      border: none;
      border-radius: 10px;
      margin-bottom: 20px; }
      .main-content .page-content .card.full-height {
        height: calc(100% - 20px); }
      .main-content .page-content .card .card-header {
        padding: 25px 36px 0;
        border: none;
        background: transparent;
        display: flex;
        justify-content: space-between; }
        .main-content .page-content .card .card-header h2 {
          margin: 0; }
        .main-content .page-content .card .card-header .btn-group .btn {
          margin-left: 12px;
          padding: 8px 24px;
          font-weight: 500; }
      .main-content .page-content .card .card-body {
        padding: 25px 30px; }
      .main-content .page-content .card.db-card {
        padding: 22px 22px 12px;
        border-radius: 10px;
        margin-bottom: 30px;
        height: calc(100% - 30px);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
        .main-content .page-content .card.db-card .card-header {
          padding: 0;
          display: inline-block; }
          .main-content .page-content .card.db-card .card-header h4 {
            margin: 0;
            font-size: 1.0625rem; }
            .main-content .page-content .card.db-card .card-header h4 i {
              font-size: 1.875rem;
              vertical-align: middle;
              margin-right: 15px;
              transform: translate(0px, -2px);
              display: inline-block;
              color: #0790c9; }
              .main-content .page-content .card.db-card .card-header h4 i.icon-materials {
                color: #0790c9; }
              .main-content .page-content .card.db-card .card-header h4 i.icon-work {
                color: #ffc107; }
              .main-content .page-content .card.db-card .card-header h4 i.icon-request {
                color: #dc3545; }
              .main-content .page-content .card.db-card .card-header h4 i.icon-offce-details {
                color: #28a745; }
          .main-content .page-content .card.db-card .card-header .badge {
            float: right;
            font-weight: 500;
            border-radius: 50px;
            min-width: 30px;
            height: 30px;
            border: 1px solid #bdbdbd;
            padding: 8px 7px;
            background: transparent; }
        .main-content .page-content .card.db-card .card-body {
          padding: 0;
          margin: 15px 0 10px; }
          .main-content .page-content .card.db-card .card-body ul {
            padding: 0;
            margin: 0 0 0 15px;
            list-style: none;
            border-left: 2px solid #eaeaea;
            padding-left: 28px; }
            .main-content .page-content .card.db-card .card-body ul li {
              margin: 0 0 7px;
              color: #7d7d7d;
              font-weight: 500; }
              .main-content .page-content .card.db-card .card-body ul li:last-child {
                margin: 0; }
              .main-content .page-content .card.db-card .card-body ul li a {
                color: #000; }
              .main-content .page-content .card.db-card .card-body ul li .badge-light {
                font-size: 100%;
                float: right;
                padding: 4px 0;
                font-weight: 500;
                background: transparent;
                color: #7d7d7d; }
          .main-content .page-content .card.db-card .card-body p.num {
            font-size: 25px;
            margin: 0;
            color: #fff; }
        .main-content .page-content .card.db-card .card-footer {
          padding: 11px 0 0;
          text-align: right;
          background: transparent;
          border-color: rgba(255, 255, 255, 0.2); }
          .main-content .page-content .card.db-card .card-footer a {
            color: #fff; }
      .main-content .page-content .card.project-card {
        border-radius: 0 0 7px 7px;
        margin-bottom: 30px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        overflow: hidden; }
        .main-content .page-content .card.project-card .card-header {
          padding: 15px 25px;
          background: #f2f4f4; }
          .main-content .page-content .card.project-card .card-header h4 {
            margin: 0;
            font-weight: 500;
            font-size: 0.875rem; }
        .main-content .page-content .card.project-card .card-body {
          padding: 18px 25px;
          background: #e7e9ea; }
          .main-content .page-content .card.project-card .card-body p {
            font-size: 0.875rem;
            color: #3a4048;
            margin: 0 0 2px; }
            .main-content .page-content .card.project-card .card-body p.date {
              font-size: 0.8125rem;
              color: #6c727a;
              margin: 0; }
    .main-content .page-content .projectpage {
      display: flex;
      flex-wrap: wrap; }
      .main-content .page-content .projectpage .project-details {
        flex-grow: 1;
        flex-basis: 0;
        width: 100%;
        max-width: calc(100% - 440px); }
      .main-content .page-content .projectpage .project-rightbar {
        flex-grow: 0;
        flex-basis: 420px;
        background: #f8f8f8;
        margin-left: 20px;
        padding: 25px; }
        .main-content .page-content .projectpage .project-rightbar .btn {
          border-radius: 3px; }
          .main-content .page-content .projectpage .project-rightbar .btn.btn-gray {
            margin-right: 8px; }
          .main-content .page-content .projectpage .project-rightbar .btn.btn-icon {
            padding: 3px 8px; }
            .main-content .page-content .projectpage .project-rightbar .btn.btn-icon i {
              font-size: 1.125rem;
              line-height: 1.4; }
        .main-content .page-content .projectpage .project-rightbar .form-group label {
          margin: 0 0 10px; }
        .main-content .page-content .projectpage .project-rightbar .form-group .form-control {
          background: #e6e8e8; }
        .main-content .page-content .projectpage .project-rightbar .form-group textarea.form-control {
          height: 110px; }
        .main-content .page-content .projectpage .project-rightbar .form-group .progress {
          height: 0.875rem;
          font-size: 0.8125rem;
          border-radius: 10px; }
          .main-content .page-content .projectpage .project-rightbar .form-group .progress .progress-bar {
            padding: 5px 0;
            color: #333;
            font-weight: 500; }
            .main-content .page-content .projectpage .project-rightbar .form-group .progress .progress-bar.bg-light {
              background: #cfcfcf !important; }
        .main-content .page-content .projectpage .project-rightbar .form-group .profile {
          font-size: 0.875rem;
          margin-bottom: 9px;
          font-weight: 500;
          margin-left: 10px; }
          .main-content .page-content .projectpage .project-rightbar .form-group .profile img {
            width: 24px;
            margin-right: 3px;
            vertical-align: bottom; }
        .main-content .page-content .projectpage .project-rightbar .form-group .badge {
          font-size: 0.75rem;
          border-radius: 40px;
          padding: 6px 10px;
          margin-right: 5px; }
          .main-content .page-content .projectpage .project-rightbar .form-group .badge.badge-light {
            background: #e6e8e8; }
        .main-content .page-content .projectpage .project-rightbar .form-group .priority-list {
          padding: 0;
          list-style: none; }
          .main-content .page-content .projectpage .project-rightbar .form-group .priority-list li {
            margin: 0 0 8px;
            font-weight: 500;
            font-size: 0.875rem; }
            .main-content .page-content .projectpage .project-rightbar .form-group .priority-list li i {
              margin-right: 9px;
              vertical-align: middle; }
    .main-content .page-content .form-check {
      padding: 0;
      margin: 4px 0; }
      .main-content .page-content .form-check.form-check-inline {
        margin-right: 0.75rem; }
      .main-content .page-content .form-check .form-check-label {
        cursor: pointer;
        margin: 0 !important;
        padding-left: 26px;
        font-weight: 500;
        font-size: 0.9375rem; }
        .main-content .page-content .form-check .form-check-label:before {
          content: "";
          height: 17px;
          width: 17px;
          border: 1px solid #c2c2c2;
          background-color: #fff;
          box-shadow: 0 0 0 0 #b4c2ce inset;
          position: absolute;
          left: 0;
          top: 3px; }
        .main-content .page-content .form-check .form-check-label small {
          font-size: 90%; }
        .main-content .page-content .form-check .form-check-label b {
          font-weight: 500; }
        .main-content .page-content .form-check .form-check-label .light {
          color: #898989;
          margin-top: 3px; }
      .main-content .page-content .form-check .form-check-input {
        position: absolute;
        opacity: 0;
        left: 0;
        margin: 0; }
        .main-content .page-content .form-check .form-check-input[type="checkbox"] ~ .form-check-label:before {
          border-radius: 3px; }
        .main-content .page-content .form-check .form-check-input[type="radio"] ~ .form-check-label:before {
          border-radius: 20px; }
        .main-content .page-content .form-check .form-check-input:checked ~ .form-check-label:before {
          box-shadow: 0 0 0 8px #0790c9 inset; }
    .main-content .page-content .form-group .tablist {
      margin: 10px 0 0; }
      .main-content .page-content .form-group .tablist .nav-item {
        margin-bottom: 0; }
        .main-content .page-content .form-group .tablist .nav-item .nav-link {
          padding: 9px 40px;
          margin-right: 12px;
          border: 1px solid #eaeaea;
          font-weight: 400; }
    .main-content .page-content .form-group .form-detail {
      border: 1px solid #e7e7e7;
      padding: 10px 15px; }
      .main-content .page-content .form-group .form-detail p {
        font-weight: 500;
        margin: 0;
        padding: 4px 0; }
    .main-content .page-content .form-group .saprator {
      margin: 0;
      height: 38px;
      vertical-align: middle;
      display: table-cell;
      font-weight: 500; }
    .main-content .page-content .form-group label {
      color: #000;
      font-size: 0.875rem;
      font-weight: 500;
      width: 100%; }
      .main-content .page-content .form-group label.d-flex {
        align-items: center;
        margin: 0;
        font-size: 0.9375rem; }
        .main-content .page-content .form-group label.d-flex .form-control {
          margin-left: 12px; }
    .main-content .page-content .form-group .form-control {
      height: 40px;
      border: 1px solid #d0d0d0;
      font-size: 0.875rem;
      border-radius: 0;
      padding: 0 12px; }
      .main-content .page-content .form-group .form-control:focus {
        box-shadow: 0 0 0;
        border-color: #0790c9; }
      .main-content .page-content .form-group .form-control:disabled, .main-content .page-content .form-group .form-control[disabled] {
        background-color: #f7f7f7; }
      .main-content .page-content .form-group .form-control[readonly] {
        background-color: transparent;
        border-color: transparent;
        opacity: 0.5; }
    .main-content .page-content .form-group .twitter-typeahead {
      width: 100%; }
      .main-content .page-content .form-group .twitter-typeahead input, .main-content .page-content .form-group .twitter-typeahead pre {
        text-transform: uppercase; }
      .main-content .page-content .form-group .twitter-typeahead .tt-menu {
        background: #fff;
        width: 100%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
        .main-content .page-content .form-group .twitter-typeahead .tt-menu .tt-dataset {
          border-left: 1px solid #0790c9;
          border-right: 1px solid #0790c9; }
          .main-content .page-content .form-group .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion {
            padding: 6px 12px;
            cursor: pointer;
            border-bottom: 1px solid #0790c9;
            text-transform: uppercase; }
          .main-content .page-content .form-group .twitter-typeahead .tt-menu .tt-dataset .tt-selectable {
            coR: e; }
    .main-content .page-content .form-group .help-block {
      font-size: 12px;
      margin-top: 4px;
      font-weight: 500; }
    .main-content .page-content .form-group.has-error .help-block {
      color: #dc3545; }
    .main-content .page-content .form-group.has-success .help-block {
      color: #28a745; }
    .main-content .page-content .form-group select.form-control {
      -webkit-appearance: none;
      -moz-appearance: none;
      background: #fff url(../images/select-icon.png) no-repeat scroll right center;
      padding-right: 30px; }
    .main-content .page-content .form-group textarea.form-control {
      height: 128px;
      padding: 10px 12px; }
    .main-content .page-content .form-group .file-select {
      position: relative;
      margin-bottom: 12px; }
      .main-content .page-content .form-group .file-select .text-muted {
        color: #000 !important;
        opacity: 0.9; }
      .main-content .page-content .form-group .file-select .selected-img {
        display: inline-block;
        position: relative;
        z-index: 999; }
        .main-content .page-content .form-group .file-select .selected-img span {
          margin-left: 10px;
          font-weight: 600;
          font-size: 0.8125rem;
          cursor: pointer; }
        .main-content .page-content .form-group .file-select .selected-img img {
          max-width: 100%;
          max-height: 50px;
          object-fit: contain;
          padding: 4px;
          border: 1px solid #dadada; }
      .main-content .page-content .form-group .file-select input {
        position: absolute;
        opacity: 0;
        top: 11px;
        width: 100%; }
      .main-content .page-content .form-group .file-select label {
        width: 100%;
        margin: 0;
        background: #fcfcfc;
        border: 1px solid #eaeaea;
        text-align: center;
        padding: 20px 10px;
        cursor: pointer; }
        .main-content .page-content .form-group .file-select label a {
          color: #12659f; }
        .main-content .page-content .form-group .file-select label img {
          margin: 0 0 5px; }
        .main-content .page-content .form-group .file-select label .status {
          display: inline-block;
          width: 100%;
          font-size: 0.75rem; }
      .main-content .page-content .form-group .file-select.inline label {
        text-align: center; }
        .main-content .page-content .form-group .file-select.inline label .status {
          width: initial;
          margin-left: 12px;
          font-size: 0.875rem;
          color: #167efb; }
      .main-content .page-content .form-group .file-select.attachment label {
        text-align: left;
        padding: 12px 50px;
        background: #fff; }
        .main-content .page-content .form-group .file-select.attachment label .icon-attachment {
          font-size: 1.25rem;
          position: absolute;
          left: 15px;
          top: 13px;
          color: #6c6c6c;
          opacity: 0.6; }
        .main-content .page-content .form-group .file-select.attachment label .filename {
          color: #6c6c6c;
          opacity: 0.6;
          font-size: 0.9375rem;
          font-weight: 600; }
          .main-content .page-content .form-group .file-select.attachment label .filename.active {
            opacity: 1; }
        .main-content .page-content .form-group .file-select.attachment label .clear {
          position: absolute;
          right: 14px;
          top: 7px;
          font-size: 2rem;
          line-height: 1;
          transform: rotate(45deg);
          opacity: 0.6;
          display: none;
          font-weight: 400; }
          .main-content .page-content .form-group .file-select.attachment label .clear:hover {
            opacity: 1; }
    .main-content .page-content .form-group .flex-group {
      display: flex; }
      .main-content .page-content .form-group .flex-group .form-control {
        flex-grow: 1; }
      .main-content .page-content .form-group .flex-group .btn {
        margin-left: 20px;
        padding: 9px 22px; }
    .main-content .page-content .form-group .input-group {
      position: relative; }
      .main-content .page-content .form-group .input-group .input-group-prepend,
      .main-content .page-content .form-group .input-group .input-group-append {
        background: #fff;
        margin: 0;
        border: 1px solid #e0e1e1;
        z-index: 11;
        padding: 0 9px; }
        .main-content .page-content .form-group .input-group .input-group-prepend .input-group-text,
        .main-content .page-content .form-group .input-group .input-group-append .input-group-text {
          background: transparent;
          color: #000;
          padding: 0;
          font-weight: 500;
          font-size: 0.9375rem;
          border-radius: 0;
          border: none; }
      .main-content .page-content .form-group .input-group .input-group-prepend {
        order: -1;
        border-right: none;
        margin-right: -1px;
        padding-right: 0; }
      .main-content .page-content .form-group .input-group .input-group-append {
        order: 1;
        border-left: none;
        margin-left: -1px;
        padding-left: 0; }
      .main-content .page-content .form-group .input-group .form-control:focus + .input-group-prepend,
      .main-content .page-content .form-group .input-group .form-control:focus + .input-group-append {
        border-color: #0790c9; }
      .main-content .page-content .form-group .input-group .form-control:disabled + .input-group-prepend,
      .main-content .page-content .form-group .input-group .form-control:disabled + .input-group-append {
        background-color: #f7f7f7; }
      .main-content .page-content .form-group .input-group .form-control[readonly] + .input-group-prepend,
      .main-content .page-content .form-group .input-group .form-control[readonly] + .input-group-append {
        background-color: transparent;
        border-color: transparent;
        opacity: 0.5; }
    .main-content .page-content .form-group .plan-list {
      border: 1px solid #e7e7e7;
      padding: 20px;
      padding-bottom: 60px;
      min-height: 495px;
      position: relative; }
      .main-content .page-content .form-group .plan-list .add-plan {
        width: 100%;
        height: 100px;
        color: #0790c9;
        font-weight: 400;
        margin-bottom: 15px;
        padding: 0 20px;
        font-size: 0.875rem; }
      .main-content .page-content .form-group .plan-list h3 {
        position: relative;
        margin: 0 0 15px; }
        .main-content .page-content .form-group .plan-list h3 .edit-plan {
          position: absolute;
          right: 0;
          top: 0;
          cursor: pointer; }
      .main-content .page-content .form-group .plan-list ul {
        padding: 0;
        margin: 0 0 20px; }
        .main-content .page-content .form-group .plan-list ul li {
          list-style: none;
          font-size: 0.8125rem;
          font-weight: 500;
          margin: 0 0 8px; }
      .main-content .page-content .form-group .plan-list .total {
        position: absolute;
        bottom: 0;
        background: #e9eaea;
        left: 0;
        right: 0;
        padding: 10px 20px;
        font-size: 0.9375rem;
        font-weight: 500; }
    .main-content .page-content .filter {
      margin-bottom: -15px;
      max-width: 1020px; }
      .main-content .page-content .filter.gray {
        background: #f1f1f1;
        padding: 15px 30px 0;
        max-width: 100%;
        margin-bottom: 0; }
    .main-content .page-content .search-box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 -10px; }
      .main-content .page-content .search-box .search {
        max-width: 470px;
        width: 100%;
        margin-bottom: 20px;
        padding: 0 10px; }
        .main-content .page-content .search-box .search .form-group {
          position: relative;
          margin: 0; }
          .main-content .page-content .search-box .search .form-group .form-control {
            background: #e6e8e8;
            border-radius: 6px;
            border: none;
            padding-right: 40px; }
          .main-content .page-content .search-box .search .form-group button {
            position: absolute;
            right: 0;
            top: 0;
            border: none;
            font-size: 1.25rem;
            padding: 9px 13px;
            background: transparent;
            line-height: 1;
            opacity: 0.5; }
      .main-content .page-content .search-box .search-filter {
        margin-bottom: 20px;
        padding: 0 10px; }
        .main-content .page-content .search-box .search-filter .form-group {
          margin: 0; }
          .main-content .page-content .search-box .search-filter .form-group .form-control {
            background-color: #e6e8e8;
            border-radius: 6px;
            border: none;
            min-width: 120px; }
    .main-content .page-content .list-striped {
      padding: 0;
      list-style: none; }
      .main-content .page-content .list-striped li {
        font-size: 0.8125rem;
        padding: 4px 10px; }
        .main-content .page-content .list-striped li:nth-child(2n-1) {
          background: #f1f1f1; }
    .main-content .page-content .profile {
      display: table;
      margin: -1px 0; }
      .main-content .page-content .profile:hover {
        text-decoration: none; }
      .main-content .page-content .profile img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        object-fit: contain;
        margin: -3px 10px -3px 0; }
      .main-content .page-content .profile span {
        color: #1d5dd2;
        font-size: 0.875rem;
        font-weight: 500; }
      .main-content .page-content .profile.flex {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        min-width: 240px; }
        .main-content .page-content .profile.flex > * {
          flex-grow: 1;
          flex-basis: 0; }
        .main-content .page-content .profile.flex img {
          width: 45px;
          height: 45px;
          margin-right: 15px;
          flex: 0 0 45px; }
        .main-content .page-content .profile.flex .content {
          white-space: initial; }
          .main-content .page-content .profile.flex .content h4 {
            margin: 0; }
          .main-content .page-content .profile.flex .content p {
            font-size: 0.8125rem;
            color: #767676;
            margin: 0; }
    .main-content .page-content .summary {
      font-size: 13px;
      margin-bottom: 10px; }
    .main-content .page-content .scroller {
      max-height: 500px;
      padding-right: 35px;
      overflow: auto; }
      .main-content .page-content .scroller::-webkit-scrollbar {
        width: 8px;
        height: 8px; }
      .main-content .page-content .scroller::-webkit-scrollbar-track {
        background: #e2e2e2; }
      .main-content .page-content .scroller::-webkit-scrollbar-thumb {
        background-color: #7b7b7b; }
      .main-content .page-content .scroller .table thead tr th {
        position: sticky;
        top: 0;
        background: #fff;
        box-shadow: 0 -4px 0 3px #fff;
        z-index: 9; }
    .main-content .page-content .table tbody {
      box-shadow: 0 0 0 1px #e3e3e3 inset; }
    .main-content .page-content .table thead tr td {
      border-bottom: 0; }
      .main-content .page-content .table thead tr td .form-control {
        padding: 5px 10px;
        height: initial;
        font-size: 13px; }
      .main-content .page-content .table thead tr td .help-block {
        font-size: 11px;
        margin-top: 4px;
        font-weight: 500; }
      .main-content .page-content .table thead tr td.has-error .help-block {
        color: #dc3545; }
    .main-content .page-content .table thead tr th {
      border-color: #fff;
      border-bottom: 1px solid #e3e3e3;
      font-weight: 500;
      color: #9a9a9a;
      padding: 10px 15px;
      white-space: nowrap;
      font-size: 0.9375rem; }
      .main-content .page-content .table thead tr th .form-check {
        margin: 0; }
      .main-content .page-content .table thead tr th a {
        color: #9a9a9a; }
        .main-content .page-content .table thead tr th a[data-sort] {
          background-size: 11px;
          background-repeat: no-repeat;
          background-position: right 4px center;
          padding-right: 20px; }
          .main-content .page-content .table thead tr th a[data-sort].desc {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 19' fill='%239a9a9a'%3e%3cpath d='M 16 10 L 8.5 18 L 1 10 l 1.8 -1.4 l 2.8 3 c 0.3 0.2 0.6 0.3 1 0.3 c 0.3 0 0.6 -0.1 0.8 -0.3 V 1 h 2.4 l 0 10.7 c 0.2 0.2 0.5 0.3 0.7 0.3 c 0.3 0 0.7 -0.1 0.9 -0.3 l 2.9 -3 L 16 10 Z'/%3e%3c/svg%3e"); }
          .main-content .page-content .table thead tr th a[data-sort].asc {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 19' fill='%239a9a9a'%3e%3cpath d='M 1 8.9 L 8.5 1 L 16 8.9 l -1.8 1.4 l -2.8 -3 c -0.3 -0.2 -0.6 -0.3 -1 -0.3 c -0.3 0 -0.6 0.1 -0.8 0.3 V 18 H 7.3 l 0 -10.7 C 7.1 7.1 6.8 7 6.6 7 C 6.2 7 5.9 7.1 5.6 7.3 l -2.9 3 L 1 8.9 Z'/%3e%3c/svg%3e"); }
          .main-content .page-content .table thead tr th a[data-sort]:hover {
            color: #333; }
    .main-content .page-content .table thead tr.filters {
      box-shadow: 0 0 0 1px #e3e3e3 inset; }
    .main-content .page-content .table thead tr td {
      padding: 10px 15px; }
    .main-content .page-content .table tbody tr td {
      padding: 10px 15px;
      color: #000000;
      font-size: 0.9375rem;
      white-space: nowrap;
      border-color: #e3e3e3; }
      .main-content .page-content .table tbody tr td.wrap {
        white-space: normal;
        min-width: 300px;
        max-width: 400px; }
      .main-content .page-content .table tbody tr td .form-check {
        margin: 0; }
      .main-content .page-content .table tbody tr td .badge {
        font-size: 0.75rem;
        font-weight: 400;
        padding: 7px 12px;
        border-radius: 4px;
        margin: -3px 0; }
        .main-content .page-content .table tbody tr td .badge.badge-pill {
          display: inline-block;
          border-radius: 10rem;
          padding: 6px;
          vertical-align: middle;
          margin-right: 10px;
          transform: translate(0px, -1px);
          position: relative; }
          .main-content .page-content .table tbody tr td .badge.badge-pill:before {
            content: "";
            position: absolute;
            left: 50%;
            height: 0;
            padding: 3px;
            background: #fff;
            top: 50%;
            transform: translate(-50%, -50%);
            border-radius: 10px; }
      .main-content .page-content .table tbody tr td .btn.btn-sm {
        font-size: 0.75rem;
        font-weight: 500;
        margin: -2px 0; }
      .main-content .page-content .table tbody tr td.action {
        text-align: right;
        width: 60px; }
        .main-content .page-content .table tbody tr td.action a {
          cursor: pointer; }
      .main-content .page-content .table tbody tr td .table {
        margin: -1px;
        width: -webkit-fill-available;
        border: none; }
    .main-content .page-content .table tfoot td a {
      color: #909090; }
      .main-content .page-content .table tfoot td a:hover {
        text-decoration: none;
        color: #000; }
    .main-content .page-content .table.table-bordered tbody {
      box-shadow: 0 0 0; }
    .main-content .page-content .table.table-noborder {
      border-color: transparent; }
      .main-content .page-content .table.table-noborder tbody {
        box-shadow: 0 0 0; }
        .main-content .page-content .table.table-noborder tbody tr td {
          border-color: transparent;
          padding: 12px 20px 12px 0; }
          .main-content .page-content .table.table-noborder tbody tr td strong {
            color: #666; }
    .main-content .page-content .table.table-sm thead tr th {
      font-size: 0.8125rem;
      padding: 7px 15px; }
    .main-content .page-content .table.table-sm tbody tr td {
      font-size: 0.8125rem;
      padding: 7px 15px; }
    .main-content .page-content .slider {
      margin-top: 10px;
      margin-bottom: 30px;
      position: relative;
      width: 100%;
      max-width: 360px; }
      .main-content .page-content .slider .item {
        width: 100%; }
        .main-content .page-content .slider .item img {
          width: 100%; }
      .main-content .page-content .slider .owl-nav {
        margin: 0;
        position: absolute;
        top: 50%;
        width: 100%;
        height: 0; }
        .main-content .page-content .slider .owl-nav button {
          background: rgba(0, 0, 0, 0.3);
          width: 40px;
          height: 80px;
          transform: translate(0, -50%);
          margin: 0;
          transition: all 0.3s; }
          .main-content .page-content .slider .owl-nav button:hover {
            background: rgba(0, 0, 0, 0.5); }
          .main-content .page-content .slider .owl-nav button.owl-prev {
            float: left; }
          .main-content .page-content .slider .owl-nav button.owl-next {
            float: right; }
          .main-content .page-content .slider .owl-nav button span {
            font-size: 4.0625rem;
            line-height: 0.7;
            color: #fff;
            font-weight: 300; }
    .main-content .page-content .details-content table.info tr th, .main-content .page-content .details-content table.info tr td {
      font-size: 0.875rem;
      line-height: 1.4;
      padding: 8px 0; }
    .main-content .page-content .details-content table.info tr th {
      font-weight: 500;
      padding-right: 24px;
      white-space: nowrap; }
    .main-content .page-content .details-content table.info tr td {
      font-weight: 600; }
      .main-content .page-content .details-content table.info tr td .badge {
        font-weight: 600;
        padding: 7px 12px; }
    .main-content .page-content .details-content .profile {
      margin-top: 10px;
      margin-bottom: 8px; }
      .main-content .page-content .details-content .profile img {
        width: 42px;
        height: 42px;
        vertical-align: top; }
      .main-content .page-content .details-content .profile span {
        font-weight: 600;
        font-size: 0.9375rem;
        display: inline-block; }
        .main-content .page-content .details-content .profile span small {
          color: #555555;
          font-weight: 500;
          display: inline-block;
          transform: translate(0px, -7px);
          font-size: 75%; }
    .main-content .page-content .details-content .image-gallery {
      display: flex;
      flex-wrap: wrap; }
      .main-content .page-content .details-content .image-gallery .item {
        margin-right: 10px;
        margin-bottom: 10px;
        cursor: pointer; }
        .main-content .page-content .details-content .image-gallery .item img {
          width: 50px;
          height: 50px;
          object-fit: cover; }
    .main-content .page-content .profile-page {
      max-width: 930px;
      margin-bottom: 30px; }
      .main-content .page-content .profile-page .profile {
        margin: 0;
        width: 130px; }
        .main-content .page-content .profile-page .profile img {
          width: 130px;
          height: 130px;
          border-radius: 5px;
          margin: 0; }
      .main-content .page-content .profile-page h4 {
        margin: 0 0 8px; }
      .main-content .page-content .profile-page table.info tr th, .main-content .page-content .profile-page table.info tr td {
        font-size: 0.875rem;
        line-height: 1.3;
        padding: 5px 0; }
      .main-content .page-content .profile-page table.info tr th {
        font-weight: 500;
        padding-right: 30px;
        white-space: nowrap; }
      .main-content .page-content .profile-page table.info tr td {
        font-weight: 600; }
        .main-content .page-content .profile-page table.info tr td .badge {
          font-weight: 600;
          padding: 7px 12px; }
    .main-content .page-content .feeds {
      max-width: 850px; }
      .main-content .page-content .feeds .item {
        padding: 24px;
        background: #fbfbfb;
        box-shadow: 0 0 0;
        border-bottom: 1px solid #e1e1e1;
        position: relative;
        padding-right: 74px; }
        .main-content .page-content .feeds .item:last-child {
          border-bottom: none; }
        .main-content .page-content .feeds .item:hover {
          box-shadow: 0 2px 8px #00000011;
          z-index: 2; }
        .main-content .page-content .feeds .item h3 {
          font-size: 1rem;
          max-width: 470px;
          margin: 0 0 8px; }
        .main-content .page-content .feeds .item p {
          max-width: 470px;
          font-size: 0.875rem;
          color: #000; }
        .main-content .page-content .feeds .item .badge {
          font-size: 0.75rem;
          font-weight: 400;
          padding: 6px 9px;
          margin-right: 3px;
          border-radius: 0;
          margin-bottom: 7px; }
          .main-content .page-content .feeds .item .badge.badge-secondary {
            color: #fff;
            background: #bcbcbc; }
        .main-content .page-content .feeds .item ul {
          padding: 0;
          margin: 0;
          display: flex;
          list-style: none;
          justify-content: space-between;
          flex-wrap: nowrap;
          max-width: 270px; }
          .main-content .page-content .feeds .item ul li {
            display: inline-block; }
            .main-content .page-content .feeds .item ul li span {
              color: #000;
              font-size: 0.9375rem;
              font-weight: 500;
              margin-bottom: 5px;
              display: inherit; }
              .main-content .page-content .feeds .item ul li span.cl-light {
                display: grid;
                opacity: 0.7;
                text-transform: uppercase;
                font-size: 0.8125rem; }
              .main-content .page-content .feeds .item ul li span:last-child {
                margin: 0; }
        .main-content .page-content .feeds .item .add-favorites {
          position: absolute;
          right: 22px;
          top: 22px;
          width: 30px;
          height: 30px;
          border: 1px solid;
          text-align: center;
          padding: 5px 0;
          color: #c6c6c6;
          cursor: pointer;
          border-radius: 3px; }
          .main-content .page-content .feeds .item .add-favorites .icon-heart {
            color: #dc3545; }
          .main-content .page-content .feeds .item .add-favorites:hover {
            color: #777; }
    .main-content .page-content .modal-dialog {
      margin: 17px auto;
      padding: 0 16px; }
      .main-content .page-content .modal-dialog .modal-dialog-centered {
        min-height: calc(100vh - 34px); }
      .main-content .page-content .modal-dialog .modal-content {
        border-radius: 15px;
        border: none;
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); }
        .main-content .page-content .modal-dialog .modal-content .modal-header {
          padding: 30px 30px 0;
          border: none; }
          .main-content .page-content .modal-dialog .modal-content .modal-header .modal-title {
            font-size: 1.125rem;
            font-weight: 600; }
          .main-content .page-content .modal-dialog .modal-content .modal-header .close {
            font-size: 2.375rem;
            font-weight: 500;
            padding: 4px 7px; }
        .main-content .page-content .modal-dialog .modal-content .modal-body {
          padding: 20px 30px 30px; }
          .main-content .page-content .modal-dialog .modal-content .modal-body .scroller {
            padding-right: 10px;
            height: 400px;
            margin-right: -18px; }
          .main-content .page-content .modal-dialog .modal-content .modal-body .table thead tr th .remove-row,
          .main-content .page-content .modal-dialog .modal-content .modal-body .table tbody tr td .remove-row {
            font-size: 1.75rem;
            line-height: 0.7;
            vertical-align: middle;
            margin-right: 8px;
            transform: translate(0px, -1px);
            display: inline-block;
            opacity: 0;
            visibility: hidden;
            cursor: pointer; }
          .main-content .page-content .modal-dialog .modal-content .modal-body .table thead tr th {
            background: #e2e2e2;
            border-color: #e2e2e2;
            font-weight: 500;
            color: #444;
            padding: 7px 15px;
            font-size: 0.8125rem;
            box-shadow: 0 -2px 0 1px #e2e2e2; }
          .main-content .page-content .modal-dialog .modal-content .modal-body .table tbody tr:hover td .remove-row {
            opacity: 1;
            visibility: visible; }
      .main-content .page-content .modal-dialog.modal-visible {
        margin: 0;
        padding: 0; }
        .main-content .page-content .modal-dialog.modal-visible .modal-content {
          border-radius: 10px;
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.14);
          border: none; }
          .main-content .page-content .modal-dialog.modal-visible .modal-content .modal-body {
            padding: 40px; }
      .main-content .page-content .modal-dialog.preview-modal {
        width: 100%;
        max-width: 1240px; }
        .main-content .page-content .modal-dialog.preview-modal .modal-content {
          border-radius: 0; }
          .main-content .page-content .modal-dialog.preview-modal .modal-content .modal-header {
            padding: 15px 20px 0; }
          .main-content .page-content .modal-dialog.preview-modal .modal-content .modal-body {
            padding: 0 40px 40px; }
    .main-content .page-content .hr {
      background: #cfcfcf;
      height: 1px; }
      .main-content .page-content .hr.mg-30 {
        margin: 40px 0; }
      .main-content .page-content .hr.mg-20 {
        margin: 20px 0; }

.pdf-section .pdf-header {
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom: 2px solid #bfbfbf; }
  .pdf-section .pdf-header .logo {
    margin-bottom: 40px; }
    .pdf-section .pdf-header .logo img {
      width: 300px; }
  .pdf-section .pdf-header h2 {
    font-size: 1.625rem;
    opacity: 0.3;
    margin-top: -60px; }
  .pdf-section .pdf-header p {
    font-size: 1rem;
    line-height: 1.4;
    color: #333; }
  .pdf-section .pdf-header address {
    font-weight: 500;
    color: #000;
    padding: 14px 0;
    line-height: 1.4; }

.pdf-section .pdf-content h2 {
  font-size: 1.375rem; }

.pdf-section .pdf-content h5 {
  margin: 0 0 14px;
  font-size: 0.875rem; }

.pdf-section .pdf-content h4 {
  margin: 0 0 11px;
  font-size: 1rem; }

.pdf-section .pdf-content p {
  color: #000;
  font-weight: 500; }

.pdf-section .pdf-content .table tr td {
  padding: 7px 16px !important;
  font-size: 0.9375rem !important;
  font-weight: 500; }

.pdf-section .pdf-content .table.small tr td {
  font-size: 0.8125rem !important; }

.pdf-section .pdf-footer {
  border-top: 2px solid #bfbfbf;
  padding-top: 12px; }
  .pdf-section .pdf-footer p {
    margin: 0;
    font-weight: 500;
    color: #9d9d9d; }

.sidebar-toggle {
  display: none; }

.d-xl-none {
  display: block !important; }

.modal-backdrop {
  background: white; }

@media (max-width: 1599.98px) {
  .main-content .page-content .projectpage .project-details {
    max-width: calc(100% - 380px); }
  .main-content .page-content .projectpage .project-rightbar {
    flex-basis: 360px; } }

@media (max-width: 1365.98px) {
  .main-content {
    position: relative; }
    .main-content:before {
      content: "";
      background: #00000094;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s; }
    .main-content .sidebar {
      margin-left: -210px; }
    .main-content .page-content {
      border-radius: 0;
      position: relative; }
    .main-content.show-sidebar:before {
      opacity: 1;
      visibility: visible; }
    .main-content.show-sidebar .sidebar {
      transform: translate(210px, 0px); }
    .main-content.show-sidebar .page-content {
      transform: translate(100px, 0px);
      overflow: hidden; }
  .breadcrumb {
    padding: 10px 70px; }
  .sidebar-toggle {
    display: block;
    width: 27px;
    height: 16px;
    position: fixed;
    left: 30px;
    top: 96px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000; }
    .sidebar-toggle:before {
      content: "";
      position: absolute;
      top: 50%;
      height: 2px;
      width: 100%;
      background: black;
      transform: translate(0, -50%); } }

@media (max-width: 1199.98px) {
  .main-content .page-content .projectpage {
    position: relative; }
    .main-content .page-content .projectpage .project-details {
      max-width: 100%; }
    .main-content .page-content .projectpage .project-rightbar {
      position: absolute;
      right: 0;
      top: 0;
      width: 360px;
      height: 100%;
      overflow: scroll;
      box-shadow: -3px 0 12px rgba(0, 0, 0, 0.2);
      display: none; } }

@media (max-width: 991.98px) {
  .main-content .page-content .slider {
    max-width: 310px; }
  .main-content .page-content .card .card-header {
    padding: 25px 30px 0; }
  .main-content .page-content .card .card-body {
    padding: 25px 30px; }
  .tablist .nav-item {
    margin-bottom: 20px; }
  .modal-dialog {
    max-width: 100%; }
  .tablist .nav-item .nav-link {
    margin-right: 20px; } }

@media (max-width: 767.98px) {
  .main-content .page-content .slider {
    max-width: 360px; }
  .sidebar-toggle {
    top: 78px; }
  .pdf-section .pdf-header h2 {
    margin-top: 0; }
  .main-content .page-content .modal-dialog.preview-modal .modal-content .modal-body {
    padding: 0 30px 30px; } }

@media (max-width: 575.98px) {
  .breadcrumb {
    padding: 10px 60px; }
  .sidebar-toggle {
    left: 20px; }
  .header .right-buttons .dropdown {
    margin-left: 22px; }
    .header .right-buttons .dropdown .dropdown-toggle:after {
      display: none; }
    .header .right-buttons .dropdown .dropdown-toggle .avatar {
      margin: 0; }
    .header .right-buttons .dropdown .dropdown-toggle span {
      display: none; }
  .main-content .page-content {
    padding: 30px 5px; }
    .main-content .page-content .card .card-header {
      padding: 20px 20px 0; }
    .main-content .page-content .card .card-body {
      padding: 20px; }
    .main-content .page-content .feeds .item {
      padding: 14px;
      padding-right: 54px; }
      .main-content .page-content .feeds .item .add-favorites {
        right: 12px;
        top: 12px; }
    .main-content .page-content .scroller {
      padding-right: 20px; }
    .main-content .page-content .table-responsive .table thead {
      display: none; }
    .main-content .page-content .table-responsive .table tbody tr {
      padding: 9px 0;
      display: inline-block;
      border-bottom: 1px solid #f2f4f4;
      position: relative;
      width: 100%; }
      .main-content .page-content .table-responsive .table tbody tr:last-child {
        border-bottom: none; }
      .main-content .page-content .table-responsive .table tbody tr td {
        display: inline-block;
        width: 100%;
        padding: 5px 32px 5px 13px;
        white-space: normal;
        border: none; }
        .main-content .page-content .table-responsive .table tbody tr td:before {
          content: attr(data-label);
          float: left;
          margin-right: 8px;
          font-weight: 500;
          color: #9a9a9a; }
        .main-content .page-content .table-responsive .table tbody tr td.action {
          width: initial;
          padding: 0;
          position: absolute;
          right: 11px;
          top: 15px; }
  .main-content .page-content .modal-dialog.modal-visible .modal-content .modal-body {
    padding: 20px; }
  .d-xl-none {
    display: none !important; }
  .main-content .page-content .form-group .plan-list {
    padding: 15px 15px 30px; }
  .pdf-section .pdf-header .logo img {
    width: 240px; }
  .main-content .page-content .modal-dialog.preview-modal .modal-content .modal-body {
    padding: 0 15px 15px; } }

.select2-container .select2-selection--single {
  height: 42px !important;
  padding: 6px 3px;
  border: 1px solid #d0d0d0 !important; }
  .select2-container .select2-selection--single .select2-selection__arrow {
    height: 40px !important; }

@media print {
  .container {
    width: auto; } }

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