/* Navbar */
.navbar {
  font-family: "ubuntu-light", sans-serif;
  background: #fff;
  transition: background 0.25s ease;
  -webkit-transition: background 0.25s ease;
  -moz-transition: background 0.25s ease;
  -ms-transition: background 0.25s ease; }
  .navbar .navbar-brand {
    width: 110px; }
  .navbar .navbar-brand-navbar-rlxk{background:#adadad;}
  .navbar .navbar-brand-navbar-rlqhs{background:#3b63b3;}
  .navbar .navbar-brand-navbar-gksdn{background:#c4870e;}
  .navbar .navbar-brand-wrapper {
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    /*background: #fff;*/
    width: 260px;
    height: 70px; }
    @media (max-width: 991px) {
      .navbar .navbar-brand-wrapper {
        width: 55px; } }
    .navbar .navbar-brand-wrapper .navbar-brand {
      color: #27367f;
      font-size: 1.5rem;
      line-height: 48px;
      margin-right: 0;
      padding: .25rem 0;
      width: 100%; }
      .navbar .navbar-brand-wrapper .navbar-brand:active, .navbar .navbar-brand-wrapper .navbar-brand:focus, .navbar .navbar-brand-wrapper .navbar-brand:hover {
        color: #1b2658; }
      .navbar .navbar-brand-wrapper .navbar-brand img {
        width: calc(260px - 120px);
        max-width: 100%;
        height: 48px;
        margin: auto;
        vertical-align: middle; }
      .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
        display: none; }
        .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
          width: calc(70px - 50px);
          max-width: 100%;
          height: 28px;
          margin: auto; }
  .navbar .navbar-menu-wrapper {
    transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    color: #9c9fa6;
    padding-left: 24px;
    padding-right: 24px;
    width: calc(100% - 260px);
    height: 70px; }
    @media (max-width: 991px) {
      .navbar .navbar-menu-wrapper {
        width: auto;
        padding-left: 15px;
        padding-right: 15px; } }
    .navbar .navbar-menu-wrapper .navbar-toggler {
      border: 0;
      color: inherit;
      height: 70px;
      border-radius: 0px;
      padding-left: 5px;
      padding-right: 20px; }
      .navbar .navbar-menu-wrapper .navbar-toggler:focus {
        -webkit-box-shadow: none;
        box-shadow: none; }
      .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
        font-size: 1.5rem; }
        @media (max-width: 991px) {
          .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
            display: none; } }
      @media (max-width: 991px) {
        .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
          padding-left: 15px;
          padding-right: 11px;
          border-right: none; } }
    .navbar .navbar-menu-wrapper .search-field .input-group input {
      font-size: 0.875rem;
      padding: .5rem; }
      .navbar .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
        font-size: 0.875rem;
        color: #9c9fa6;
        font-family: "ubuntu-light", sans-serif; }
      .navbar .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
        font-size: 0.875rem;
        color: #9c9fa6;
        font-family: "ubuntu-light", sans-serif; }
      .navbar .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
        font-size: 0.875rem;
        color: #9c9fa6;
        font-family: "ubuntu-light", sans-serif; }
      .navbar .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
        font-size: 0.875rem;
        color: #9c9fa6;
        font-family: "ubuntu-light", sans-serif; }
    .navbar .navbar-menu-wrapper .search-field .input-group i {
      font-size: 17px;
      margin-right: 0;
      color: #9c9fa6; }
    .navbar .navbar-menu-wrapper .search-field .input-group .input-group-text {
      background: transparent; }
    .navbar .navbar-menu-wrapper .count-indicator {
      position: relative; }
      .navbar .navbar-menu-wrapper .count-indicator .count-symbol,
      .navbar .navbar-menu-wrapper .count-indicator .count-number {
        position: absolute;
        border-radius: 100%;
        border: 2px solid #ffffff; }
      .navbar .navbar-menu-wrapper .count-indicator .count-symbol {
        top: 17px;
        right: -3px;
        width: 10px;
        height: 10px; }
      .navbar .navbar-menu-wrapper .count-indicator .count-number {
        min-width: 14px;
        height: 14px;
        font-size: .5rem;
        color: #ffffff;
        bottom: 16px;
        right: -5px;
        line-height: 1;
        text-align: center; }
      .navbar .navbar-menu-wrapper .count-indicator:after {
        display: none; }
    .navbar .navbar-menu-wrapper .navbar-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
        color: inherit;
        font-size: 0.875rem;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
        height: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media (max-width: 767px) {
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
            margin-left: .8rem;
            margin-right: .8rem; } }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {
          font-size: 1.25rem; }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle:after {
        color: #00000f;
        font-size: 1rem; }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
        border: none;
        border-radius: 5px;
        -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2); }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
          position: absolute;
          font-size: 0.9rem;
          margin-top: 0;
          padding: 0; }
          .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
            right: auto;
            left: 0; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
            margin-bottom: 0;
            padding: 11px 13px;
            cursor: pointer; }
            .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {
              font-size: 17px; }
            .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .ellipsis {
              max-width: 200px;
              overflow: hidden;
              text-overflow: ellipsis; }
            .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {
              margin-left: 10px; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-divider {
            margin: 0; }
      @media (max-width: 991px) {
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
          position: static; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
            left: 20px;
            right: 20px;
            top: 70px;
            width: calc(100% - 40px); } }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings {
        padding-left: 20px;
        padding-right: 5px; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings .nav-link {
          margin-right: 0;
          margin-left: 0; }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img {
        position: relative;
        width: 32px;
        height: 32px; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img {
          width: 32px;
          height: 32px;
          border-radius: 100%; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status {
          position: absolute;
          width: 10px;
          height: 10px;
          border-radius: 100%;
          border: 2px solid #ffffff;
          bottom: 5px;
          right: -5px; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.online {
            background: #1bcfb4; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.offline {
            background: #fe7c96; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.busy {
            background: #fed713; }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
        margin-left: 1.25rem; }
        .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
          margin-left: 0;
          margin-right: 1.25rem; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text p {
          line-height: 1; }
        @media (max-width: 767px) {
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
            display: none; } }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link.dropdown-toggle:after {
        line-height: 2; }
      @media (min-width: 992px) {
        .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
          margin-left: auto; }
          .rtl .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
            margin-left: 0;
            margin-right: auto; } }

@media (max-width: 991px) {
  .navbar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    .navbar .navbar-brand-wrapper {
      width: 75px; }
      .navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
        display: none; }
      .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
        display: inline-block; }
  .navbar-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.5rem; } }

@media (max-width: 480px) {
  .navbar .navbar-brand-wrapper {
    width: 55px; }
    .navbar .navbar-brand-wrapper .brand-logo-mini {
      padding-top: 0px; } }

/* Navbar color variations */
.navbar.navbar-primary .navbar-menu-wrapper {
  background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff));
  background: linear-gradient(to right, #da8cff, #9a55ff);
  color: #ffffff; }
  .navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group i {
    color: #ffffff; }

.navbar.navbar-secondary .navbar-menu-wrapper {
  background: -webkit-gradient(linear, left top, right top, from(#e7ebf0), to(#868e96));
  background: linear-gradient(to right, #e7ebf0, #868e96);
  color: #ffffff; }
  .navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group i {
    color: #ffffff; }

.navbar.navbar-success .navbar-menu-wrapper {
  background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae));
  background: linear-gradient(to right, #84d9d2, #07cdae);
  color: #ffffff; }
  .navbar.navbar-success .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-success .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-success .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-success .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-success .navbar-menu-wrapper .search-field .input-group i {
    color: #ffffff; }

.navbar.navbar-info .navbar-menu-wrapper {
  background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf));
  background: linear-gradient(to right, #90caf9, #047edf 99%);
  color: #ffffff; }
  .navbar.navbar-info .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-info .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-info .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-info .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-info .navbar-menu-wrapper .search-field .input-group i {
    color: #ffffff; }

.navbar.navbar-warning .navbar-menu-wrapper {
  background: -webkit-gradient(linear, left top, right top, from(#f6e384), to(#ffd500));
  background: linear-gradient(to right, #f6e384, #ffd500);
  color: #ffffff; }
  .navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group i {
    color: #ffffff; }

.navbar.navbar-danger .navbar-menu-wrapper {
  background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#fe7096));
  background: linear-gradient(to right, #ffbf96, #fe7096);
  color: #ffffff; }
  .navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group i {
    color: #ffffff; }

.navbar.navbar-light .navbar-menu-wrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e4e4e9));
  background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
  color: #ffffff; }
  .navbar.navbar-light .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-light .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-light .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-light .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-light .navbar-menu-wrapper .search-field .input-group i {
    color: #ffffff; }

.navbar.navbar-dark .navbar-menu-wrapper {
  background: linear-gradient(89deg, #5e7188, #3e4b5b);
  color: #ffffff; }
  .navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group i {
    color: #ffffff; }


/* 상단배경 */
.navbar.navbar-gksdn .navbar-menu-wrapper {
  background: -webkit-gradient(linear, left top, right top, from(#c4870e), to(#c4870e));
  background: linear-gradient(to right, #c4870e, #c4870e);
  color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group i {
    color: #ffffff; }

.navbar.navbar-rlqhs .navbar-menu-wrapper {
  background: -webkit-gradient(linear, left top, right top, from(#3b63b3), to(#3b63b3));
  background: linear-gradient(to right, #3b63b3, #3b63b3);
  color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group i {
    color: #ffffff; }

.navbar.navbar-rlxk .navbar-menu-wrapper {
  background: -webkit-gradient(linear, left top, right top, from(#adadad), to(#adadad));
  background: linear-gradient(to right, #adadad, #adadad);
  color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder {
    color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder {
    color: #ffffff; }
  .navbar.navbar-gksdn .navbar-menu-wrapper .search-field .input-group i {
    color: #ffffff; }



/* Sidebar */
.sidebar {
  min-height: calc(100vh - 70px);
  background: #ffffff;
  font-family: "ubuntu-regular", sans-serif;
  padding: 0;
  width: 260px;
  z-index: 11;
  transition: width 0.25s ease, background 0.25s ease;
  -webkit-transition: width 0.25s ease, background 0.25s ease;
  -moz-transition: width 0.25s ease, background 0.25s ease;
  -ms-transition: width 0.25s ease, background 0.25s ease; }
  .sidebar .nav {
    overflow: hidden;

    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 60px; }
    .sidebar .nav .nav-item {
      padding: 0 2.25rem;
      -webkit-transition-duration: 0.25s;
      transition-duration: 0.25s;
      transition-property: background;
      -webkit-transition-property: background; }
      .sidebar .nav .nav-item .collapse {
        z-index: 999; }
      .sidebar .nav .nav-item .nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
        padding: 1.125rem 0 1.125rem 0;
        color: #3e4b5b;
        -webkit-transition-duration: 0.45s;
        transition-duration: 0.45s;
        transition-property: color;
        -webkit-transition-property: color; }
        .sidebar .nav .nav-item .nav-link i {
          color: inherit; }
          .sidebar .nav .nav-item .nav-link i.menu-icon {
            font-size: 1.125rem;
            line-height: 1;
            margin-left: auto;
            color: #bba8bff5; }
            .rtl .sidebar .nav .nav-item .nav-link i.menu-icon {
              margin-left: 0;
              margin-right: auto; }
            .sidebar .nav .nav-item .nav-link i.menu-icon:before {
              vertical-align: middle; }
          .sidebar .nav .nav-item .nav-link i.menu-arrow {
            font: normal normal normal 24px/1 "Material Design Icons";
            line-height: 1;
            font-size: 1.125rem;
            margin-left: auto;
            color: #9e9da0; }
            .rtl .sidebar .nav .nav-item .nav-link i.menu-arrow {
              margin-left: 0;
              margin-right: auto; }
            .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
              content: "\f141";
              font-size: inherit;
              color: inherit; }
            .sidebar .nav .nav-item .nav-link i.menu-arrow + .menu-icon {
              margin-left: .25rem; }
              .rtl .sidebar .nav .nav-item .nav-link i.menu-arrow + .menu-icon {
                margin-left: 0;
                margin-right: .25rem; }
        .sidebar .nav .nav-item .nav-link .menu-title {
          color: inherit;
          display: inline-block;
          font-size: 1.125rem;
          line-height: 1;
          vertical-align: middle; }
        .sidebar .nav .nav-item .nav-link .badge {
          margin-right: auto;
          margin-left: 1rem; }
        .sidebar .nav .nav-item .nav-link[aria-expanded="true"] .menu-arrow:before {
          content: "\f140"; }
      .sidebar .nav .nav-item.active {
        background: #ffffff; }
        .sidebar .nav .nav-item.active > .nav-link .menu-title {
          color: #00000f;
          font-family: "ubuntu-medium", sans-serif; }
        .sidebar .nav .nav-item.active > .nav-link i {
          color: #00000f; }
      .sidebar .nav .nav-item:hover {
        background: #fcfcfc; }
      .sidebar .nav .nav-item.nav-profile .nav-link {
        height: auto;
        line-height: 1;
        border-top: 0;
        padding: 1.25rem 0; }
        .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image {
          width: 44px;
          height: 44px; }
          .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img {
            width: 44px;
            height: 44px;
            border-radius: 100%; }
        .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text {
          margin-left: 1rem; }
          .rtl .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text {
            margin-left: auto;
            margin-right: 1rem; }
        .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-badge {
          font-size: 1.125rem;
          margin-left: auto; }
          .rtl .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-badge {
            margin-left: 0;
            margin-right: auto; }
      .sidebar .nav .nav-item.sidebar-actions {
        margin-top: 1rem; }
        .sidebar .nav .nav-item.sidebar-actions .nav-link {
          border-top: 0;
          display: block;
          height: auto; }
        .sidebar .nav .nav-item.sidebar-actions:hover {
          background: initial; }
          .sidebar .nav .nav-item.sidebar-actions:hover .nav-link {
            color: initial; }
    .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-category):not(.nav-profile) > .nav-link {
      color: #29323d; }
    .sidebar .nav.sub-menu {
      margin-bottom: 20px;
      margin-top: 0;
      list-style: none; }
      .sidebar .nav.sub-menu .nav-item {
        padding: 0; }
        .sidebar .nav.sub-menu .nav-item .nav-link {
          color: #888;
          padding: 0.75rem 2rem 0.75rem 2rem;
          position: relative;
          font-size: 0.95rem;
          line-height: 1;
          height: auto;
          border-top: 0; }
          .sidebar .nav.sub-menu .nav-item .nav-link:before {
            content: "\F054";
            font-family: "Material Design Icons";
            display: block;
            position: absolute;
            left: 0px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #a2a2a2;
            font-size: .75rem; }
            .rtl .sidebar .nav.sub-menu .nav-item .nav-link:before {
              left: auto;
              right: 0; }
          .sidebar .nav.sub-menu .nav-item .nav-link.active {
            color: #9a55ff;
            background: transparent; }
          .sidebar .nav.sub-menu .nav-item .nav-link:hover {
            color: #555555; }
        .sidebar .nav.sub-menu .nav-item:hover {
          background: transparent; }

/* style for off-canvas menu*/
@media screen and (max-width: 991px) {
  .sidebar-offcanvas {
    position: fixed;
    max-height: calc(100vh - 70px);
    top: 70px;
    bottom: 0;
    overflow: auto;
    right: -260px;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
    .sidebar-offcanvas.active {
      right: 0; } }

/* Layouts */
.navbar.fixed-top + .page-body-wrapper {
  
  }

@media (min-width: 992px) {
  .sidebar-icon-only .navbar .navbar-brand-wrapper {
    width: 70px; }
    .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo {
      display: none; }
    .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini {
      display: inline-block; }
  .sidebar-icon-only .navbar .navbar-menu-wrapper {
    width: calc(100% - 70px); }
  .sidebar-icon-only .sidebar {
    width: 70px; }
    .sidebar-icon-only .sidebar .nav {
      overflow: visible; }
      .sidebar-icon-only .sidebar .nav .nav-item {
        position: relative;
        padding: 0; }
        .sidebar-icon-only .sidebar .nav .nav-item .nav-link {
          display: block;
          text-align: center; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title,
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge, .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title {
            display: none; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
            border-radius: 0 5px 5px 0px; }
            .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
              border-radius: 5px 0 0 5px; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {
            margin-right: 0;
            margin-left: 0; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {
            display: none; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
            border-radius: 0 5px 0 0px; }
            .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
              border-radius: 5px 0 0 0; }
        .sidebar-icon-only .sidebar .nav .nav-item.nav-profile {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.nav-category {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.nav-doc {
          margin: 0; }
          .sidebar-icon-only .sidebar .nav .nav-item.nav-doc i {
            display: block; }
        .sidebar-icon-only .sidebar .nav .nav-item .collapse {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: #f2f2f2;
          padding: 0.5rem 1.4rem;
          left: 68px;
		  border-left:2px solid #5E50F9;
          position: absolute;
          text-align: left;
          top: 0;
          bottom: 0;
          width: 192px;
          z-index: 1;
          line-height: 1.8; }
          .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
            left: auto;
            right: 70px;
            text-align: left; }
          .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {
            *display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
        .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
          display: block;
          padding: .5rem 0;
          background: #f2f2f2; /*#fcfcfc;*/
          border-radius: 0 0 5px 0;
          position: absolute;
          left: 70px;
          width: 190px; }
          .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
            left: auto;
            right: 70px;
            border-radius: 0 0 0 5px; }
      .sidebar-icon-only .sidebar .nav.sub-menu {
        padding: 0 0 0 1.5rem; }
        .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
          text-align: left;
          padding-left: 20px; }
        .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item {
          margin-right: auto;
          margin-left: 0; }
          .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
            text-align: right; }
            .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:before {
              left: 0;
              right: unset; }
    .sidebar-icon-only .sidebar .sidebar-actions {
      display: none; }
  .sidebar-icon-only .main-panel {
    width: calc(100% - 70px); } }

.rtl {
  direction: rtl;
  text-align: right; }
  .rtl .sidebar .nav {
    padding-right: 0; }
  .rtl .product-chart-wrapper::-webkit-scrollbar,
  .rtl .sidebar-fixed .nav::-webkit-scrollbar,
  .rtl .table-responsive::-webkit-scrollbar,
  .rtl ul.chats::-webkit-scrollbar {
    width: 0.5em; }
  .rtl .product-chart-wrapper::-webkit-scrollbar-track,
  .rtl .sidebar-fixed .nav::-webkit-scrollbar-track,
  .rtl .table-responsive::-webkit-scrollbar-track,
  .rtl ul.chats::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
  .rtl .product-chart-wrapper::-webkit-scrollbar-thumb,
  .rtl .sidebar-fixed .nav::-webkit-scrollbar-thumb,
  .rtl .table-responsive::-webkit-scrollbar-thumb,
  .rtl ul.chats::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey; }

/* Forms */
.form-group {
  margin-bottom: 1.5rem; }

.input-group-append,
.input-group-prepend {
  color: #c9c8c8;
  width: auto;
  border: none; }
  .input-group-append .input-group-text,
  .input-group-prepend .input-group-text {
    border-color: #ebedf2;
    padding: 0.94rem 0.75rem;
    color: #c9c8c8; }

.form-control {
  border: 1px solid #ebedf2;
  font-family: "ubuntu-regular", sans-serif;
  font-size: 0.8125rem; }
  .form-control:focus {
    background-color: #ffffff;
    color: #000000;
    outline: none; }

select.form-control {
  padding: .4375rem .75rem;
  border: 0;
  outline: 1px solid #ebedf2;
  color: #000; }
  select.form-control:focus {
    outline: 1px solid #ebedf2; }
  select.form-control.border-primary {
    outline: 1px solid #00000f; }
    select.form-control.border-primary:focus {
      outline: 1px solid #00000f; }
  select.form-control.border-secondary, select.form-control.loader-demo-box {
    outline: 1px solid #c3bdbd; }
    select.form-control.border-secondary:focus, select.form-control.loader-demo-box:focus {
      outline: 1px solid #c3bdbd; }
  select.form-control.border-success {
    outline: 1px solid #1bcfb4; }
    select.form-control.border-success:focus {
      outline: 1px solid #1bcfb4; }
  select.form-control.border-info {
    outline: 1px solid #198ae3; }
    select.form-control.border-info:focus {
      outline: 1px solid #198ae3; }
  select.form-control.border-warning {
    outline: 1px solid #fed713; }
    select.form-control.border-warning:focus {
      outline: 1px solid #fed713; }
  select.form-control.border-danger {
    outline: 1px solid #fe7c96; }
    select.form-control.border-danger:focus {
      outline: 1px solid #fe7c96; }
  select.form-control.border-light {
    outline: 1px solid #f8f9fa; }
    select.form-control.border-light:focus {
      outline: 1px solid #f8f9fa; }
  select.form-control.border-dark {
    outline: 1px solid #3e4b5b; }
    select.form-control.border-dark:focus {
      outline: 1px solid #3e4b5b; }

.form-group label {
  font-size: 0.875rem;
  line-height: 1;
  vertical-align: top;
  margin-bottom: .5rem; }

.form-group.has-danger .form-control {
  border-color: #fe7c96; }

.form-group .file-upload-default {
  visibility: hidden;
  position: absolute; }

.form-group .file-upload-info {
  background: transparent; }

.form-floating>label{font-size:1.0rem;}


/* Icons */
.icons-list {
  border-left: 1px solid #ebedf2;
  border-top: 1px solid #ebedf2; }
  .icons-list > div {
    border-bottom: 1px solid #ebedf2;
    border-right: 1px solid #ebedf2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 15px;
    font-family: "ubuntu-regular", sans-serif;
    font-size: 0.875rem; }
    .icons-list > div i {
      display: inline-block;
      font-size: 20px;
      width: 40px;
      text-align: left;
      color: #00000f; }
/* Footer */
.footer {
  background: #fff;
  color: color(dark);
  border-top: 1px solid #ddd;
 
  padding: 30px 1rem;
  transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  font-size: calc(0.875rem - 0.05rem);
  font-family: "ubuntu-regular", sans-serif; }
  .footer a {
    color: #1bcfb4;
    font-size: inherit; }
  @media (max-width: 991px) {
    .footer {
      margin-left: 0;
      width: 100%; } }


.page-body-wrapper {
  min-height: calc(100vh - 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 35px;
  padding-left: 0;
  padding-right: 0; }
  .page-body-wrapper.full-page-wrapper {
    width: 100%;
    min-height: 100vh; }

.main-panel {
  -webkit-transition: width 0.25s ease, margin 0.25s ease;
  transition: width 0.25s ease, margin 0.25s ease;
  width: calc(100% - 260px);
  min-height: calc(100vh - 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (max-width: 991px) {
    .main-panel {
      margin-left: 0;
      width: 100%; } }

.content-wrapper {
  background: #fff;
  
  
  padding: 2.75rem 2.25rem;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  
/* 2023.05 */  
.border_top: {border-top:1px solid #ddd;!important;}
.border_left: {border-left: 1px solid #ddd!important;}
.border_bottom: {border-bottom: 1px solid #ddd!important;}
.border_right: {border-right: 1px solid #ddd!important;}



.dropdown .dropdown-menu .dropdown-item:hover{color:#000;}
.sidebar .nav .nav-item:hover{background-color:#f2f2f2;}
.sidebar .nav .nav-item .hover-open .collapse{border-1px solid #ddd;}
.sidebar .nav .hover-open .nav-link .menu-title{text-align:center;font-weight:400;}

.fs-7 {
    font-size: 0.8rem !important;
}
.fs-8 {
    font-size: 0.725rem !important;
}


//button 
	.dam-btn{
		display: inline-block; 
		height: 27px; 
		text-transform: none; 
		box-shadow: none; 
		border-radius: 2px; 
		outline: none; 
		padding: 5px 8px; 
		transition: all 0.2s ease 0s; 
		cursor: pointer; 
		line-height: 1; 
		font-size: 1rem; 
		font-weight: 400; 
		background: rgb(77, 144, 254); 
		color: rgb(255, 255, 255); 
		border: 1px solid rgb(48, 121, 237); 
		margin: 0px;
	}
	.dam-btn2{
		display: inline-block; 
		height: 25px; 
		text-transform: none; 
		box-shadow: none; 
		border-radius: 2px; 
		outline: none; 
		padding: 5px 8px; 
		transition: all 0.2s ease 0s; 
		cursor: pointer; 
		line-height: 1; 
		font-size: 0.725rem; 
		font-weight: 400; 
		background: #f2f2f2; 
		color: #333; 
		border: 1px solid #ddd; 
		margin: 0px 8px 20px 0px;
	}

	.casual-btn0{display: inline-block; background: #fff; color: #666; text-decoration:none; border: 1px solid #ddd; text-transform: none; box-shadow: none; border-radius: 2px; outline: none; padding: 5px 8px; transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.casual-btn0:hover{border:1px solid #ccc;background: #fff;color: #333;}
	.casual-btn1{display: inline-block; background: #4f6a8f; color: #fff!important; text-decoration:none; border: 1px solid #365a80; text-transform: none; box-shadow: none; border-radius: 2px; outline: none; padding: 5px 8px; transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.casual-btn1:hover{border:1px solid #4f6a8f;background: #365a80;color: #fff;}
	.casual-btn2{display: inline-block; background: #88a2bc; color: #fff!important; text-decoration:none; border: 1px solid #7b97b1; text-transform: none; box-shadow: none; border-radius: 2px; outline: none; padding: 5px 8px; transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.casual-btn2:hover{border:1px solid #88a2bc;background: #7b97b1;color: #fff;}
	.casual-btn3{display: inline-block; background: #f0dbb0; color: #fff!important; text-decoration:none; border: 1px solid #e4cfa6; text-transform: none; box-shadow: none; border-radius: 2px; outline: none; padding: 5px 8px; transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.casual-btn3:hover{border:1px solid #f0dbb0;background: #e4cfa6;color: #fff;}
	.casual-btn4{display: inline-block; background: #efb680; color: #fff!important; text-decoration:none; border: 1px solid #e6ac76; text-transform: none; box-shadow: none; border-radius: 2px; outline: none; padding: 5px 8px; transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.casual-btn4:hover{border:1px solid #efb680;background: #e6ac76;color: #fff;}
	.casual-btn5{display: inline-block; background: #d79479; color: #fff!important; text-decoration:none; border: 1px solid #c78d76; text-transform: none; box-shadow: none; border-radius: 2px; outline: none; padding: 5px 8px; transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.casual-btn5:hover{border:1px solid #d79479;background: #c78d76;color: #fff;}



	.dam-btn-primary{display: inline-block; background: #4d90fe; color: #fff; border: 1px solid #0361fc; text-transform: none; box-shadow: none; border-radius: 2px; outline: none;  transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.dam-btn-primary:hover{border:1px solid #4d90fe;background: #0361fc;color: #fff;}

	.dam-btn-success{display: inline-block; background: #198754;color: #ffffff;border: 1px solid #026638; text-transform: none; box-shadow: none; border-radius: 2px; outline: none;  transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.dam-btn-success:hover{border:1px solid #198754;background: #026638;color: #ffffff;}

	.dam-btn-danger{display: inline-block; background: #dc3545;color: #ffffff;border: 1px solid #c90215; text-transform: none; box-shadow: none; border-radius: 2px; outline: none;  transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.dam-btn-danger:hover{border:1px solid #dc3545;background: #c90215;color: #fff;}

	.dam-btn-remove{display: inline-block; background: #6f42c1;color: #ffffff;border: 1px solid #6610f2; text-transform: none; box-shadow: none; border-radius: 2px; outline: none;  transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.dam-btn-remove:hover{border:1px solid #6f42c1;background: #6610f2;color: #fff;}

	.dam-btn-default{display: inline-block; background: #ffffff;color: #7c7c7d;border: 1px solid #d6d6d6; text-transform: none; box-shadow: none; border-radius: 2px; outline: none;  transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.dam-btn-default:hover{border:1px solid #d6d6d6;background: #f8f9fa;color: #000000;}

	.dam-btn-black{display: inline-block; background: #343a40;color: #fff;border: 1px solid #212529; text-transform: none; box-shadow: none; border-radius: 2px; outline: none;  transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.dam-btn-black:hover{border:1px solid #212529;background: #23272b;color: #7c7c7d;}

	.dam-btn-war{display: inline-block; background: #fd7e14;color: #fff;border: 1px solid #eb6c02; text-transform: none; box-shadow: none; border-radius: 2px; outline: none;  transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.dam-btn-war:hover{border:1px solid #eb6c02;background: #eb6c02;color: #fff;}

	.dam-btn-info{display: inline-block; background: #0dcaf0;color: #fff;border: 1px solid #02aacc; text-transform: none; box-shadow: none; border-radius: 2px; outline: none;  transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.dam-btn-info:hover{border:1px solid #02aacc;background: #02aacc;color: #fff;}

	.dam-btn-gray1{display: inline-block; background: #e9ecef;color: #343a40;border: 1px solid #e9ecef; text-transform: none; box-shadow: none; border-radius: 2px; outline: none;  transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.dam-btn-gray1:hover{border:1px solid #343a40;background: #343a40;color: #e9ecef;}
	
	.dam-btn-gray2{display: inline-block; background: #f8f9fa;color: #343a40;border: 1px solid #f8f9fa; text-transform: none; box-shadow: none; border-radius: 2px; outline: none;  transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; font-size:0.875rem;}
	.dam-btn-gray2:hover{border:1px solid #343a40;background: #343a40;color: #f8f9fa;}

	.dam-btn-lg{padding:15px 20px;font-size:18px;}
	.dam-btn-md{padding:8px 15px;font-size:16px;}
	.dam-btn-sm{padding:5px 10px;font-size:14px;}
	.dam-btn-xs{padding:3px 8px;font-size:12px;}


	.dam-btn-turquoise{background: #1ABC9C;color: #fff;border: 1px solid #02aacc; height: 26px; text-transform: none; box-shadow: none; border-radius: 2px; outline: none;  transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px;}
	.dam-btn-turquoise:hover{background: #1ABC00;color: #fff;border: 1px solid #02aacc; height: 26px; text-transform: none; box-shadow: none; border-radius: 2px; outline: none;  transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px;}
	.btn-turquoise {
		color: #ffffff;
		background-color: #1ABC9C;
		border-color: #1ABC9C;
	}
	
	
/* 바디 구분 플랙스 */
ul {margin: 0;padding: 0;list-style: none!important;}
.db-list {display: flex; flex-wrap: wrap;}
.db-list a{text-decoration:none;}
.db-list li {width: calc(33.333% - 20.25px); margin-right: 27px; border: 1px solid #ddd;padding:20px;}
.db-list li:nth-child(3n) {margin-right: 0;}
.db-list li:nth-child(n+4) {margin-top: 25px;}
.db-list .bar {border-bottom: 2px solid #636971;height:2px;}
.db-list .bar1 {border-bottom: 1px solid #636971;height:2px;margin-bottom:10px;}
.db-list .bar2 {border-bottom: 2px solid #636971;height:2px;margin-bottom:10px;}
.db-list .tit {width: 100%;height: 35px;padding-bottom: 13px;border-bottom: 0px solid #636971;}
.db-list .tit h4{height: 27px;;font-size: 20px; font-weight: 600; color: #636971;float:left; }
.db-list .tit .right-button{float:right}

.db-list .txt {font-size: 15px; font-weight: 300; color: #003876; letter-spacing: -0.38px;overflow: hidden;text-overflow: ellipsis;word-break:break-all;height:105px;}
.db-list li:hover {border:1px solid #0b318f;transition: .3s;}
.db-list li:hover .ico-reservation{transform: rotateY(180deg);transition: .9s;}


/* media query */
@media screen and (max-width: 1700px) {
    .db-list li {width: calc(50% - 7.5px); margin-right: 15px;padding:15px;}
    .db-list li:nth-child(3n), .db-list li:nth-child(4n) {margin-right: 15px;}
    .db-list li:nth-child(2n) {margin-right: 0;}
    .db-list li:nth-child(n+3) {margin-top: 25px;}
}

@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1300px) {
}

@media screen and (max-width: 1200px) {
    .db-list li {width: calc(100% - 7.5px); margin-right: 15px;padding:10px;}
    .db-list li:nth-child(2n), .db-list li:nth-child(2n) {margin-right: 15px;}
    .db-list li:nth-child(1n) {margin-right: 0;}
    .db-list li:nth-child(n+1) {margin-top: 25px;}

}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 480px) {
}

/* 메뉴 플랙스 */
.db-list-menu {display: flex; flex-wrap: wrap;}
.db-list-menu a{text-decoration:none;}
.db-list-menu li {width: calc(33.333% - 10px); margin-right: 10px; border: 1px solid #ddd;padding:0px;}
.db-list-menu li:hover {border:1px solid #0b318f;transition: .3s;}
.db-list-menu li:hover .ico-reservation{transform: rotateY(180deg);transition: .9s;}


/* media query */
@media screen and (max-width: 1700px) {
    .db-list-menu li {width: calc(50% - 7.5px); margin-right: 15px;padding:15px;}
}

@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1300px) {
}

@media screen and (max-width: 1200px) {
    .db-list-menu li {width: calc(100% - 7.5px); margin-right: 15px;padding:10px;}
}




/* color_box */
.err_box{border: 1px solid #f00;}
.loader {
    position: absolute;
    left: 50%;
    top: 40%;
    z-index: 1;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid rgb(27,41,148);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.panel_head{display:inline;}

.close {position:relative;float:right;display:inline-block;*display:inline;width:50px;height:50px;text-align:center;margin-top:5px;margin-right:0px;cursor:pointer;}
.close1:after {content: "\00d7"; font-size:15px;line-height:50px;}
.close2:after {content: "\00d7"; font-size:25px;line-height:45px;}
.close3:after {content: "\00d7"; font-size:50px;line-height:40px;}

.btn-right{position: relative;float: right;display: inline-block;}


.dam-dropbtn {
  background-color: #4CAF50;
  color: white;
  border: none;
  cursor: pointer;
}


.dam-dropdown {
  display: inline-block;
}

.dam-dropdown-content {
  display: none;
  background-color: #fff;
  min-width: 160px;
  border: 1px solid #ccc;
  
  z-index: 1;
  position: absolute;
}

.dam-dropdown-content a {
  color: black;
  padding: 5px 12px;
  font-size:12px;
  text-decoration: none;
  display: block;
}

.dam-dropdown-content a:hover {background-color: #ddd}

.dam-dropdown:hover .dam-dropdown-content {
  display: block;
}

.dam-dropdown:hover .dam-dropbtn {
  background-color: #3e8e41;
}
@media (hover: hover) { /* when supported */
  .dam-dropdown:hover {
    color: white;
    background: black;
  }
}
@media (hover: hover) and (pointer: fine) { /* when supported */
  .dam-dropdown:hover {
    color: white;
    background: black;
  }
}



/* 3차 메뉴 */

.nav-sub-list-area-height{display:block;padding:15px;}
.nav-sub-list-area{position:relative;display:none;}
.nav-sub-list{position:absolute;top:5px;}
.nav-sub-list{
	display: flex;
	justify-content: space-around; /* 아이템 사이에 동일한 간격 */
	align-items: center; /* 세로 중앙 정렬 */
}
.nav-sub-list li{
	list-style: none; /* 불릿 제거 */
	padding: 0;
	margin: 0;
	display: flex;
}
.nav-sub-list li{
	margin-right: 20px; /* 아이템 간 간격 */
}
.nav-sub-list li a:hover{
	color:#3b63b3;
	font-weight:700
}
.nav-sub-list .active{
	font-weight:700;
}

.nav-item:hover .nav-sub-list-area	{display:block;}

.width_per_100{width:100%;}


.table_border_none{ border:1px solid #fff!important;}
.table_border_none tbody th{padding:1px 3px!important;color:#000!important;font-weight:600!important; border-bottom:1px solid #ddd!important;border-top:0px solid #ddd!important;border-right:0px solid #ddd!important;border-left:0px solid #ddd!important;} 
.table_border_none tbody td{padding:1px 3px!important;color:#000!important;font-weight:300!important; border-bottom:1px solid #ddd!important;border-top:0px solid #ddd!important;border-right:0px solid #ddd!important;border-left:0px solid #ddd!important;}
.input_box_border_none{font-size:12px!important;padding:2px 5px!important;border:1px solid #fff!important;background-color:#f2f2f2;width:100%;}
.input_box_border_block{font-size:12px!important;padding:2px 5px!important;border:1px solid #ddd!important;background-color:#f2f2f2;width:100%;}
.label_title{margin-top:10px;width:100%;padding:5px 0px;color:#000;font-weight:600; border-bottom:1px solid #ddd;border-top:1px solid #ddd;background-color:#f2f2f2;} 
.table_border_red{ border:1px solid red!important;}
.table_border_none:hover{border:1px solid #FF9A00!important;}
.input_box_border_none:hover{border:1px solid #FF9A00!important;}



/* data table */
.dams_table {}
.dams_table * {vertical-align:middle;}
.dams_table table {table-layout:fixed; border-collapse:separate; width:100%; border-top:1px solid #333; border-left:1px solid #ddd;}
.dams_table table th,
.dams_table table td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:10px 16px;}
.dams_table table th {color:#222;}
.dams_table table td {color:#444;}
.dams_table table thead th {font-size:14px; line-height:30px; font-weight:700; letter-spacing:-0.048em; background:#f8f8f8; border-bottom:1px solid #bbb;}
.dams_table table tbody th {background:#fdfdfd;font-size:14px; color:#000;background:#f8f8f8;}
.dams_table table tbody th,
.dams_table table tbody td {font-size:14px; line-height:22px; position:relative;}
.dams_table table tfoot th,
.dams_table table tfoot td {font-size:14px; line-height:22px; font-weight:400; letter-spacing:-0.048em; color:#000; background:#f8f8f8; padding-top:20px; padding-bottom:20px;}
.dams_table .ta_l {text-align:left;}
.dams_table .ta_c {text-align:center;}
.dams_table .ta_r {text-align:right;}
.dams_table .va_t {vertical-align:top;}
.dams_table .ul_list { padding:0px;}

.dams_table + .a_descript, .dams_table + .n_descript {margin-top:8px;}
.dams_table sup {vertical-align:super; font-size:smaller;}

@media (max-width:767px) {
	.dams_table table th,
	.dams_table table td{ /* iphone 모바일에서 text-size 강제 화면에 맞게 조절 제거*/ /* -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; */ }	
}

/* table scroll */
[class*="tbl_scrl_"] {overflow-x:auto; overflow-y:hidden;}
.tbl_scrl_mm > table {width:100%;}
@media (min-width:1960px) {
	.tbl_scrl_p > table {width:1380px;}
	/*.tbl_scrl_mm > table {width:1380px;}*/
}
@media (min-width:768px) and (max-width:1960px) {
	.tbl_scrl_mm {position:relative; padding-top:32px; background:url(../images/hand.gif) no-repeat right top;}
	/*.tbl_scrl_mm > table {width:1380px;}*/
	
}
@media (max-width:767px) {
	.tbl_scrl_mm {position:relative; padding-top:32px; background:url(../images/hand.gif) no-repeat right top;}
	/*.tbl_scrl_mm > table {width:1380px;}*/
}




/* 갤러리 CSS */
.grid-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
  padding: 20px;
}

.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.gallery-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 10px 10px 5px 10px;
  text-align: center;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  backdrop-filter: blur(5px);
}
.gallery-caption2 {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 10px 10px 5px 10px;
  text-align: center;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  backdrop-filter: blur(5px);
}

.gallery-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.gallery-item:hover .gallery-caption {
  transform: translateY(0);
}
.gallery-item a{color:white; text-decoration: none;}
.filenameview{max-height:22px;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}


/* ul_li_button_indent */
.ul_li_button_indent{text-indent: -49px;padding: 5px 0px 5px 30px;border-bottom:1px dotted #ddd;}
.ul_li_button_indent button{border:1px solid #ddd;}


/* title error 출력 */
.label_err{display:inline;color:red;}
.hidden{display:none;}
.inline{display:inline;}
.block{display:block;}


/* 본문서브메뉴처리건 시작. */
    .mrisub_tabBox{margin:0px 0}
	.mrisub_tabBox a{text-decoration-line: none;}
    .mrisub_tab-link{display: inline-block;padding:10px 10px;margin-right:0.2rem;text-align: center;cursor: pointer;border-bottom: solid 0.2rem #ffffff;}
    .mrisub_tab-link:hover{color: #0d6efd;border-bottom: solid 0.2rem #0d6efd;}
	.mrisub_tab-link.current{color: #21252;border-bottom: solid 0.2rem #222222;}
    .mrisub_tab-content{display: none;padding:10px 0px;background-color:#f2f2f2;width:100%;}
    .mrisub_tab-content.current{display: block;width: 100%;}
	.mrisub_tab-content a{text-decoration-line: none;}
	
    .mrisub_tablink{display: inline-block;padding:5px 10px 0px 10px;cursor: pointer;border-bottom: solid 0.2rem #f2f2f2;}
    .mrisub_tablink:hover{color: #0d6efd;border-bottom: solid 0.2rem #ddd;}
	.mrisub_tablink.current{color: #21252;border-bottom: solid 0.2rem #222222;}
    .mrisub_tabcontent{display:none;padding:0px 0px;}
	.mrisub_tabcontent.{display:none;padding:0px 0px;}
/* 본문서브메뉴처리건 끝. */