@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@font-face {
  font-family: "Arial Narrow";
  font-style: normal;
  font-weight: 400;
  src: local("Arial Narrow"), local("Arial Narrow"), url("../fonts/Arial_Narrow.ttf") format("truetype"), url("../fonts/Arial_Narrow.ttf") format("truetype"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-v14-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v14-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/open-sans-v14-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v14-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans-v14-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v14-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../fonts/open-sans-v14-latin-700italic.woff2") format("woff2"), url("../fonts/open-sans-v14-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Open Sans Condensed";
  font-style: "Bold";
  font-weight: 700;
  src: local("Open Sans Condensed Bold"), url("../fonts/OpenSans_Condensed-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans Condensed";
  font-style: "Light";
  font-weight: 300;
  src: local("Open Sans Condensed Light"), url("../fonts/OpenSans_Condensed-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans Condensed";
  font-style: "Medium";
  font-weight: 500;
  src: local("Open Sans Condensed Medium"), url("../fonts/OpenSans_Condensed-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans Condensed";
  font-style: "Regular";
  font-weight: 400;
  src: local("Open Sans Condensed Regular"), url("../fonts/OpenSans_Condensed-Regular.ttf") format("truetype");
}
/** Foundation settings */
/*#121314;*/
/*#80B602;*/ /*#E32027;*/
/*#2E2F33;*/ /*#FFE26D;*/
/*$list-style-position: outside;*/
/*$oil;*/
/*#222326;*/
/** Foundation settings */
/*#121314;*/
/*#80B602;*/ /*#E32027;*/
/*#2E2F33;*/ /*#FFE26D;*/
/*$list-style-position: outside;*/
/*$oil;*/
/*#222326;*/
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid #333333;
  box-shadow: 0 0 20px #000000;
  height: 3rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 1rem;
  z-index: 1005;
}
@media (max-width: 576px) {
  .header {
    padding-left: 0.5rem;
  }
}
@media (max-width: 576px) {
  .header .logo-section {
    width: calc(100% - 110px);
  }
}
@media (max-width: 576px) {
  .header .logo-section h4 {
    line-height: 20px;
    font-size: 0.85rem;
  }
}
.header h4 {
  display: none;
}
@media (max-width: 767.68px) {
  .header h4 {
    font-weight: normal;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    letter-spacing: 2px;
    color: #DDDDDD;
    display: block;
  }
}
.header .logo img {
  width: 100%;
  max-width: 170px;
}
@media (max-width: 767.68px) {
  .header .logo {
    display: none;
  }
}
.header .dropdown-panel {
  display: flex;
  color: #FFFFFF;
}
.header .dropdown-panel .language-dropdown .dropdown {
  padding: 0.7rem 1rem;
  position: relative;
}
.header .dropdown-panel .language-dropdown .dropdown a img {
  margin: 0;
  border-radius: 2px;
  height: 1.4rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 1.7rem;
}
@media (max-width: 576px) {
  .header .dropdown-panel .language-dropdown .dropdown {
    padding: 0.7rem 0.5rem;
  }
}
.header .dropdown-panel .language-dropdown .dropdown .dropdown-menu.open {
  right: -58px;
  min-width: 9rem;
  left: inherit !important;
  padding: 0;
}
.header .dropdown-panel .language-dropdown .dropdown .dropdown-menu.open li a {
  color: #DDDDDD;
  padding-left: 1rem;
}
.header .dropdown-panel .language-dropdown .dropdown .dropdown-menu.open li a img {
  height: 1.4rem;
  width: 1.6rem;
  border-radius: 4px;
}
.header .dropdown-panel .language-dropdown .dropdown .dropdown-menu.open li a span, .header .dropdown-panel .language-dropdown .dropdown .dropdown-menu.open li a .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .header .dropdown-panel .language-dropdown .dropdown .dropdown-menu.open li a span::after, .header .dropdown-panel .language-dropdown .dropdown .dropdown-menu.open li a .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .header .dropdown-panel .language-dropdown .dropdown .dropdown-menu.open li a span::before {
  margin-left: 0.6rem;
  font-size: 0.875rem;
  min-width: inherit;
}
.header .dropdown-panel .language-dropdown .dropdown .dropdown-menu.open li:hover a {
  color: #FFFFFF;
}
.header .dropdown-panel .notification {
  border-left: 1px solid #444;
  display: flex;
  align-items: center;
  padding: 0.7rem 1rem;
  cursor: pointer;
}
@media (max-width: 576px) {
  .header .dropdown-panel .notification {
    padding: 0.7rem 0.5rem;
    display: none;
  }
}
.header .dropdown-panel .dropdown {
  border-left: 1px solid #444;
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem 0.5rem 2rem;
}
@media (max-width: 576px) {
  .header .dropdown-panel .dropdown {
    padding: 0.7rem 0.5rem;
  }
}
.header .dropdown-panel .dropdown a {
  color: #FFFFFF;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: inline-flex;
  align-items: center;
}
.header .dropdown-panel .dropdown a img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 100%;
  margin: 0 1rem 0 2rem;
  box-shadow: -6px 0px 5px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767.68px) {
  .header .dropdown-panel .dropdown a img {
    margin: 0;
  }
}
.header .dropdown-panel .dropdown a i {
  opacity: 0.6;
}
@media (max-width: 767.68px) {
  .header .dropdown-panel .dropdown a i.fa-angle-down {
    display: none;
  }
}
.header .dropdown-panel .dropdown a span.name, .header .dropdown-panel .dropdown a .main .template-flex .sortable-body .sort-section .sortable-trigger span.name::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .header .dropdown-panel .dropdown a span.name::after, .header .dropdown-panel .dropdown a .main .template-flex .sortable-body .sort-section .sortable-trigger span.name::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .header .dropdown-panel .dropdown a span.name::before {
  max-width: 104px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 767.68px) {
  .header .dropdown-panel .dropdown a span.name, .header .dropdown-panel .dropdown a .main .template-flex .sortable-body .sort-section .sortable-trigger span.name::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .header .dropdown-panel .dropdown a span.name::after, .header .dropdown-panel .dropdown a .main .template-flex .sortable-body .sort-section .sortable-trigger span.name::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .header .dropdown-panel .dropdown a span.name::before {
    display: none;
  }
}
.header .dropdown-panel .dropdown .dropdown-menu {
  display: none;
  position: absolute;
}
.header .dropdown-panel .dropdown .dropdown-menu.open {
  display: block;
  padding: 0 1rem;
  background: #000000;
  border: 1px solid #333333;
  border-width: 0 1px 1px 1px;
  box-shadow: 0 0 20px #000000;
  min-width: 15rem;
  max-width: 15rem;
  right: 4px;
  left: inherit !important;
  top: 3rem !important;
  z-index: 1000;
}
.header .dropdown-panel .dropdown .dropdown-menu li {
  padding: 0.5rem 0.2rem;
  margin: 0;
  font-size: 0.8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header .dropdown-panel .dropdown .dropdown-menu li a {
  color: #59a6bd;
  display: block;
}
.header .dropdown-panel .dropdown .dropdown-menu li a i {
  color: #FFFFFF;
  opacity: 1;
  margin-right: 5px;
}
.header .dropdown-panel .dropdown .dropdown-menu li.info {
  color: rgba(255, 255, 255, 0.75);
  border-top: 0;
}
.header .dropdown-panel .dropdown .dropdown-menu li.info i {
  color: #59a6bd;
}
.header .dropdown-panel .dropdown .dropdown-menu li.info span:not(:nth-child(2)), .header .dropdown-panel .dropdown .dropdown-menu li.info .main .template-flex .sortable-body .sort-section .sortable-trigger span:not(:nth-child(2))::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .header .dropdown-panel .dropdown .dropdown-menu li.info span:not(:nth-child(2))::after, .header .dropdown-panel .dropdown .dropdown-menu li.info .main .template-flex .sortable-body .sort-section .sortable-trigger span:not(:nth-child(2))::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .header .dropdown-panel .dropdown .dropdown-menu li.info span:not(:nth-child(2))::before {
  display: block;
}
.header .dropdown-panel .dropdown .dropdown-menu li.roles {
  color: #666666;
}
@media (max-width: 767.68px) {
  .header .dropdown-panel .dropdown {
    padding: 0.5rem 1rem;
  }
}

.notification-panel {
  position: fixed;
  top: 3rem;
  bottom: 0;
  right: -50em;
  width: 50em;
  max-width: 100%;
  height: 100vh;
  z-index: 1000;
  background: #131313;
  border-left: 1px solid #333;
  box-shadow: 0 0 30px #000000;
  transition: 0.5s;
}
.notification-panel.open {
  right: 0;
}
.notification-panel .notification-head {
  background: #000000;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  padding: 1rem;
  margin: 0;
  letter-spacing: 2px;
}
.notification-panel .notification-head h1 {
  font-size: 0.8rem;
  line-height: 1.4;
  margin: 0;
  color: #FFFFFF;
}
.notification-panel .notification-head a {
  color: #666666;
  position: absolute;
  top: 0;
  right: 1rem;
  font-size: 2rem;
}

/** Foundation settings */
/*#121314;*/
/*#80B602;*/ /*#E32027;*/
/*#2E2F33;*/ /*#FFE26D;*/
/*$list-style-position: outside;*/
/*$oil;*/
/*#222326;*/
.sidebar {
  position: fixed;
  height: calc(100vh - 3rem);
  width: 12rem;
  overflow-x: hidden;
  overflow-y: auto;
  border: none;
  left: 0;
  top: 3rem;
  background-color: #222326;
  z-index: 999;
}
@media (max-width: 1024.56px) {
  .sidebar {
    width: 5rem;
    background-color: #000000;
  }
}
@media (max-width: 767.68px) {
  .sidebar {
    top: inherit;
    bottom: 0;
    width: 100%;
    height: inherit;
    overflow: visible;
    z-index: 9999;
  }
}
.sidebar ul.side-nav {
  padding: 0;
}
@media (max-width: 1024.56px) {
  .sidebar ul.side-nav {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767.68px) {
  .sidebar ul.side-nav {
    flex-direction: row;
  }
}
.sidebar ul li {
  margin: 0;
}
@media (max-width: 1024.56px) {
  .sidebar ul li.actives > a {
    border-color: #80B602;
    color: #80B602;
  }
}
.sidebar ul li.actives i {
  color: #80B602;
}
@media (max-width: 1024.56px) {
  .sidebar ul li {
    flex: auto;
  }
}
@media (max-width: 767.68px) {
  .sidebar ul li {
    height: 65px;
    text-align: center;
  }
}
.sidebar ul li a {
  position: relative;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #2a2a2a;
  display: flex;
  align-items: baseline;
  box-shadow: -3px -3px 10px rgba(0, 0, 0, 0.3) inset;
  color: #CCCCCC;
  font-size: 0.9rem;
  font-family: "Open Sans Condensed", "Arial Narrow", "Arial", "serif";
}
.sidebar ul li a span, .sidebar ul li a .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .sidebar ul li a span::after, .sidebar ul li a .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .sidebar ul li a span::before {
  font-family: "Open Sans Condensed", "Arial Narrow", "Arial", "serif";
}
@media (min-width: 1024.56px) {
  .sidebar ul li a:hover {
    color: #FFFFFF;
  }
}
.sidebar ul li a i {
  margin-right: 9px;
  min-width: 20px;
  font-size: 1rem;
  color: #FFFFFF;
}
@media (max-width: 1024.56px) {
  .sidebar ul li a i {
    margin-right: 0;
    font-size: 1.2rem;
    min-height: 22px;
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 1024.56px) {
  .sidebar ul li a span, .sidebar ul li a .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .sidebar ul li a span::after, .sidebar ul li a .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .sidebar ul li a span::before {
    display: block;
    font-size: 0.6em;
    white-space: nowrap;
  }
}
@media (min-width: 767.68px) and (max-width: 1024.56px) {
  .sidebar ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-right: 3px solid #333333;
    box-shadow: none;
    border-bottom: 0;
  }
}
@media (max-width: 767.68px) {
  .sidebar ul li a {
    position: relative;
    box-shadow: none;
    padding: 0.75rem 0 0.75rem 0;
    background: #000000;
    border-top: 3px solid #333333;
    display: block;
  }
}
.sidebar ul li ul {
  padding: 0;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.sidebar ul li ul li a {
  padding: 0.5rem 0 0.5rem 2.9rem;
  border: none;
  box-shadow: none;
}
.sidebar ul li ul li.actives a {
  color: #80B602;
}
@media (max-width: 1024.56px) {
  .sidebar ul li ul {
    transition: none;
  }
}
@media (max-width: 767.68px) {
  .sidebar ul li ul {
    display: none;
  }
}
.sidebar ul li.submenu-open {
  background-color: #000000;
}
@media (min-width: 1024.56px) {
  .sidebar ul li.submenu-open a {
    border: 0;
  }
}
@media (max-width: 1024.56px) {
  .sidebar ul li.submenu-open > a {
    border-color: #80B602;
    color: #80B602;
  }
  .sidebar ul li.submenu-open > a i {
    color: #80B602;
  }
}
@media (max-width: 767.68px) {
  .sidebar ul li.submenu-open > a {
    border-top: 3px solid #80B602;
  }
}
.sidebar ul li.submenu-open ul {
  max-height: 350px;
  overflow: auto;
}
@media (max-width: 1024.56px) {
  .sidebar ul li.submenu-open ul li {
    height: auto;
  }
}
@media (max-width: 767.68px) {
  .sidebar ul li.submenu-open ul li {
    width: 100%;
    text-align: left;
  }
}
@media (min-width: 767.68px) and (max-width: 1024.56px) {
  .sidebar ul li.submenu-open ul li a {
    font-size: 1.4rem;
    padding: 0.8rem 1rem 0.8rem 2rem;
    display: block;
  }
}
@media (max-width: 767.68px) {
  .sidebar ul li.submenu-open ul li a {
    padding: 0.5rem 1rem 0.5rem 2rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 767.68px) and (max-width: 1024.56px) {
  .sidebar ul li.submenu-open ul {
    position: fixed;
    top: 3rem;
    min-height: calc(100vh - 3rem);
    left: 5rem;
    height: auto;
    background-color: #000000;
    border-right: 1px solid #333333;
    min-width: 15rem;
    padding: 1rem 0px;
  }
}
@media (max-width: 767.68px) {
  .sidebar ul li.submenu-open ul {
    position: fixed;
    width: 100%;
    left: 0;
    background-color: #000000;
    display: block;
    padding: 2.5rem 0 0;
    top: inherit;
    min-height: calc(100vh - 65px);
    bottom: 65px;
    overflow-y: auto;
    max-height: calc(100vh - 65px);
  }
}

/** Foundation settings */
/*#121314;*/
/*#80B602;*/ /*#E32027;*/
/*#2E2F33;*/ /*#FFE26D;*/
/*$list-style-position: outside;*/
/*$oil;*/
/*#222326;*/
.table-section {
  position: relative;
  margin-bottom: 3rem;
}
.table-section.focused tr {
  opacity: 0.4;
  filter: blur(3px);
}
.table-section.focused tr:hover, .table-section.focused tr.active-tr {
  opacity: 1;
  filter: none;
}
.table-section.focused tr.active-tr {
  outline: 1px solid #222325;
}
.table-section.focused tr.expanded-tr {
  opacity: 1;
  filter: none;
}
.table-section.focused tr.expanded-tr .dataTables_info,
.table-section.focused tr.expanded-tr .dataTables_paginate,
.table-section.focused tr.expanded-tr .dataTables_length,
.table-section.focused tr.expanded-tr .dataTables_filter {
  opacity: 1;
  filter: none;
  pointer-events: inherit;
}
.table-section.focused tr.expanded-tr table tr {
  opacity: 1;
  filter: none;
}
.table-section.focused .dataTables_info,
.table-section.focused .dataTables_paginate,
.table-section.focused .dataTables_length,
.table-section.focused .dataTables_filter {
  opacity: 0.4;
  filter: blur(3px);
  pointer-events: none;
}
.table-section .filter-section {
  max-width: calc(100% - 424px);
  position: absolute;
  z-index: 9;
  width: 100%;
  top: 16px;
}
.table-section .filter-section a.filter-trigger {
  display: none;
  color: #FFFFFF;
}
.table-section .filter-section a.filter-trigger i {
  margin-left: 6px;
  font-size: 0.8rem;
}
@media (max-width: 1280px) {
  .table-section .filter-section a.filter-trigger {
    display: inline-block;
    margin-left: 15px;
  }
}
@media (max-width: 1280px) {
  .table-section .filter-section a.filter-trigger {
    margin: 0;
  }
}
@media (max-width: 1280px) {
  .table-section .filter-section {
    max-width: none;
    top: 24px;
  }
}
@media (max-width: 576px) {
  .table-section .filter-section {
    top: 79px;
  }
}
@media (max-width: 430px) {
  .table-section .filter-section {
    top: 27px;
    left: 2px;
    z-index: 99;
  }
}
.table-section .filter-section .row {
  max-width: none;
  margin: 0;
}
@media (max-width: 1280px) {
  .table-section .filter-section .row {
    display: none;
  }
}
@media (max-width: 1280px) {
  .table-section .filter-section .row.open {
    display: block;
    position: absolute;
    left: 0;
    max-width: 30rem;
    display: block;
    padding: 1rem;
    background: #000000;
    border: 1px solid #333333;
    box-shadow: 0 0 20px #000000;
    z-index: 99;
    top: 35px;
  }
  .table-section .filter-section .row.open .column {
    padding: 0;
    float: none;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .table-section .filter-section .row.open {
    padding: 1rem 0.5rem;
  }
}
.table-section .filter-section label input, .table-section .filter-section .main .template-flex .flex .columns label input input, .main .template-flex .flex .columns label .table-section .filter-section input input,
.table-section .filter-section .main .template-flex .flex .columns label select input,
.main .template-flex .flex .columns label .table-section .filter-section select input {
  border: 1px solid rgba(255, 255, 255, 0.22);
  background-color: rgba(255, 255, 255, 0.2);
  color: #DDDDDD;
  transition: 0.5s;
  border-radius: 4px;
  height: 50px;
  margin-top: 0.3rem;
  background-image: none;
  height: 43px;
  background-color: #333;
  margin: 0;
}
.table-section .filter-section label input:focus, .table-section .filter-section .main .template-flex .flex .columns label input input:focus, .main .template-flex .flex .columns label .table-section .filter-section input input:focus,
.table-section .filter-section .main .template-flex .flex .columns label select input:focus,
.main .template-flex .flex .columns label .table-section .filter-section select input:focus {
  border-color: #59a6bd;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
@media (max-width: 576px) {
  .table-section .filter-section label input, .table-section .filter-section .main .template-flex .flex .columns label input input, .main .template-flex .flex .columns label .table-section .filter-section input input,
  .table-section .filter-section .main .template-flex .flex .columns label select input,
  .main .template-flex .flex .columns label .table-section .filter-section select input {
    margin-bottom: 0.8rem;
  }
}
.table-section .filter-section label.date-icon::after, .table-section .filter-section .main .template-flex .flex .columns label input.date-icon::after, .main .template-flex .flex .columns label .table-section .filter-section input.date-icon::after,
.table-section .filter-section .main .template-flex .flex .columns label select.date-icon::after,
.main .template-flex .flex .columns label .table-section .filter-section select.date-icon::after {
  top: 11px;
}
.table-section .filter-section label.filter-flex, .table-section .filter-section .main .template-flex .flex .columns label input.filter-flex, .main .template-flex .flex .columns label .table-section .filter-section input.filter-flex,
.table-section .filter-section .main .template-flex .flex .columns label select.filter-flex,
.main .template-flex .flex .columns label .table-section .filter-section select.filter-flex {
  display: flex;
  align-items: center;
}
.table-section .filter-section label.filter-flex span, .table-section .filter-section .main .template-flex .flex .columns label input.filter-flex span, .main .template-flex .flex .columns label .table-section .filter-section input.filter-flex span,
.table-section .filter-section .main .template-flex .flex .columns label select.filter-flex span,
.main .template-flex .flex .columns label .table-section .filter-section select.filter-flex span, .table-section .filter-section label.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .table-section .filter-section .main .template-flex .flex .columns label input.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .flex .columns label .table-section .filter-section input.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::after,
.table-section .filter-section .main .template-flex .flex .columns label select.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::after,
.main .template-flex .flex .columns label .table-section .filter-section select.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .filter-section label.filter-flex span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .filter-section .flex .columns label input.filter-flex span::after, .main .template-flex .flex .columns label .sortable-body .sort-section .sortable-trigger .table-section .filter-section input.filter-flex span::after,
.main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .filter-section .flex .columns label select.filter-flex span::after,
.main .template-flex .flex .columns label .sortable-body .sort-section .sortable-trigger .table-section .filter-section select.filter-flex span::after, .table-section .filter-section label.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .table-section .filter-section .main .template-flex .flex .columns label input.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .flex .columns label .table-section .filter-section input.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::before,
.table-section .filter-section .main .template-flex .flex .columns label select.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::before,
.main .template-flex .flex .columns label .table-section .filter-section select.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .filter-section label.filter-flex span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .filter-section .flex .columns label input.filter-flex span::before, .main .template-flex .flex .columns label .sortable-body .sort-section .sortable-trigger .table-section .filter-section input.filter-flex span::before,
.main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .filter-section .flex .columns label select.filter-flex span::before,
.main .template-flex .flex .columns label .sortable-body .sort-section .sortable-trigger .table-section .filter-section select.filter-flex span::before {
  margin-right: 10px;
}
@media (max-width: 1280px) {
  .table-section .filter-section label.filter-flex span, .table-section .filter-section .main .template-flex .flex .columns label input.filter-flex span, .main .template-flex .flex .columns label .table-section .filter-section input.filter-flex span,
  .table-section .filter-section .main .template-flex .flex .columns label select.filter-flex span,
  .main .template-flex .flex .columns label .table-section .filter-section select.filter-flex span, .table-section .filter-section label.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .table-section .filter-section .main .template-flex .flex .columns label input.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .flex .columns label .table-section .filter-section input.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::after,
  .table-section .filter-section .main .template-flex .flex .columns label select.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::after,
  .main .template-flex .flex .columns label .table-section .filter-section select.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .filter-section label.filter-flex span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .filter-section .flex .columns label input.filter-flex span::after, .main .template-flex .flex .columns label .sortable-body .sort-section .sortable-trigger .table-section .filter-section input.filter-flex span::after,
  .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .filter-section .flex .columns label select.filter-flex span::after,
  .main .template-flex .flex .columns label .sortable-body .sort-section .sortable-trigger .table-section .filter-section select.filter-flex span::after, .table-section .filter-section label.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .table-section .filter-section .main .template-flex .flex .columns label input.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .flex .columns label .table-section .filter-section input.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::before,
  .table-section .filter-section .main .template-flex .flex .columns label select.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::before,
  .main .template-flex .flex .columns label .table-section .filter-section select.filter-flex .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .filter-section label.filter-flex span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .filter-section .flex .columns label input.filter-flex span::before, .main .template-flex .flex .columns label .sortable-body .sort-section .sortable-trigger .table-section .filter-section input.filter-flex span::before,
  .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .filter-section .flex .columns label select.filter-flex span::before,
  .main .template-flex .flex .columns label .sortable-body .sort-section .sortable-trigger .table-section .filter-section select.filter-flex span::before {
    display: none;
  }
}
.table-section .filter-section .apply-btns {
  display: flex;
  align-items: center;
}
.table-section .filter-section .apply-btns button.primary-btn {
  margin-right: 14px;
  margin-bottom: 0;
  padding: 10px 27px;
}
@media (max-width: 576px) {
  .table-section .filter-section .apply-btns button.primary-btn {
    font-size: 0.95rem;
    padding: 0.6rem 1rem;
  }
}
.table-section .filter-section .apply-btns a {
  color: #FFFFFF;
  text-decoration: underline;
  font-size: 0.875rem;
  white-space: nowrap;
}
.table-section .removeIt {
  display: none;
}
@media (max-width: 1280px) {
  .table-section.aditional-data .dataTables_wrapper table.dataTable tbody tr {
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 1280px) {
  .table-section.schedule-table .dataTables_wrapper table.dataTable tbody tr td.status {
    right: 92px;
  }
  .table-section.schedule-table .dataTables_wrapper table.dataTable tbody tr td.name {
    max-width: calc(100% - 161px);
  }
}
.table-section.progress-table .dataTables_wrapper table.dataTable tbody tr td {
  vertical-align: middle;
}
@media (max-width: 1280px) {
  .table-section.expandable-table .dataTables_wrapper table.dataTable tbody tr td.status {
    right: 110px;
  }
  .table-section.expandable-table .dataTables_wrapper table.dataTable tbody tr td.name {
    max-width: calc(100% - 174px);
  }
}
.table-section .table-list {
  color: #FFFFFF;
  position: relative;
}
.table-section .table-list::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  height: 15px;
  width: 15px;
  background: #222325;
  transform: translateX(-50%) rotate(45deg);
  border: 1px solid #222222;
  border-width: 1px 0 0 1px;
}
@media (max-width: 576px) {
  .table-section .table-list {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.table-section .table-list table tr td {
  font-weight: 400;
}
.table-section .table-list .dropdown {
  position: relative;
}
.table-section .table-list .dropdown .dropdown-triggers {
  cursor: pointer;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.table-section .table-list .dropdown .dropdown-triggers i {
  margin-left: 0.3rem;
  opacity: 0.8;
  transition: 0.4S;
  position: relative;
  top: 2px;
}
.table-section .table-list .dropdown .dropdown-menu {
  display: none;
}
.table-section .table-list .dropdown.open .dropdown-triggers i {
  transform: rotate(-180deg);
}
.table-section .table-list .dropdown.open .dropdown-menu {
  display: block;
  position: absolute;
  background: #222325;
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  box-shadow: 0 0 20px #000000;
  color: rgba(255, 255, 255, 0.75);
  min-width: 372px;
  left: 0;
  top: calc(100% + 8px);
  z-index: 99;
  padding: 0.4rem 0;
  border-radius: 6px;
}
@media (max-width: 991px) {
  .table-section .table-list .dropdown.open .dropdown-menu {
    min-width: 320px;
  }
}
@media (max-width: 576px) {
  .table-section .table-list .dropdown.open .dropdown-menu {
    min-width: 260px;
  }
}
.table-section .table-list .dropdown.open .dropdown-menu ul {
  max-height: 200px;
  overflow-y: auto;
}
.table-section .table-list .dropdown.open .dropdown-menu ul li {
  padding: 0.5rem 0.8rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.0705882353);
  font-size: 0.84rem;
  color: #FFFFFF;
  line-height: 17px;
}
.table-section .table-list .dropdown.open .dropdown-menu ul li:last-child {
  border: 0;
}
.table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .flex-column {
  flex: none;
  width: 30%;
}
.table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .flex-column:first-child {
  width: 50%;
}
@media (max-width: 576px) {
  .table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .flex-column:first-child {
    width: 80%;
  }
}
.table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .flex-column:nth-child(3) {
  width: 20%;
}
@media (max-width: 576px) {
  .table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .flex-column:nth-child(3) {
    order: 2;
  }
}
@media (max-width: 576px) {
  .table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .flex-column:nth-child(2) {
    order: 3;
    width: 100%;
    margin-top: 7px;
  }
}
.table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row span, .table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row span::after, .table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row span::before {
  display: block;
  opacity: 0.6;
  margin-bottom: 0.2rem;
}
.table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row strong {
  font-weight: 600;
}
.table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .checkbox-section {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .checkbox-section .checkbox-wrapper {
  margin: 0;
}
.table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .checkbox-section .checkbox-wrapper label, .table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .checkbox-section .checkbox-wrapper .main .template-flex .flex .columns label input, .main .template-flex .flex .columns label .table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .checkbox-section .checkbox-wrapper input,
.table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .checkbox-section .checkbox-wrapper .main .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .table-section .table-list .dropdown.open .dropdown-menu ul li .dropdown-row .checkbox-section .checkbox-wrapper select {
  --size: 30px;
}
.table-section .table-list .dropdown.open .dropdown-menu::before {
  content: "";
  height: 13px;
  width: 13px;
  position: absolute;
  display: block;
  background-color: #222325;
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  transform: rotate(45deg);
  top: -7.2px;
  left: 50px;
  border-width: 1px 0px 0 1px;
}
.table-section .table-list .list-column {
  margin-bottom: 1rem;
}
.table-section .table-list .list-column span, .table-section .table-list .list-column .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .table-list .list-column span::after, .table-section .table-list .list-column .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .table-list .list-column span::before {
  font-size: 0.94rem;
  display: block;
  opacity: 0.5;
}
.table-section .table-list .list-column strong {
  font-weight: 500;
  line-height: 24px;
  opacity: 0.9;
}
.table-section .table-list .list-preview ul.parent-list ul.nested {
  display: none;
  padding-left: 0.5rem;
}
.table-section .table-list .list-preview ul.parent-list ul.show-list {
  display: block;
  position: relative;
}
.table-section .table-list .list-preview ul li {
  font-size: 0.95rem;
}
.table-section .table-list .list-preview ul li span.actives, .table-section .table-list .list-preview ul li .main .template-flex .sortable-body .sort-section .sortable-trigger span.actives::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .table-list .list-preview ul li span.actives::after, .table-section .table-list .list-preview ul li .main .template-flex .sortable-body .sort-section .sortable-trigger span.actives::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .table-list .list-preview ul li span.actives::before {
  cursor: pointer;
}
.table-section .table-list .list-preview ul li .icon {
  opacity: 0;
  margin: 0 0.1rem 0 0.2rem;
}
.table-section .table-list .list-preview ul li .icon.show-icon {
  opacity: 1;
  display: inline-block;
}
.table-section .table-list .list-preview ul li .icon.rotate::before {
  content: "\f146";
}
@media (max-width: 1280px) {
  .table-section.card-view .dataTables_wrapper {
    background: none;
  }
  .table-section.card-view .dataTables_wrapper .dataTable {
    border: 0;
    border-collapse: separate;
  }
  .table-section.card-view .dataTables_wrapper .dataTable thead {
    display: none;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.0705882353);
    border-radius: 7px;
    background-color: #222325;
    padding-bottom: 5px;
    margin-bottom: 15px;
    flex: 47%;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.even {
    margin-left: 15px;
  }
}
@media (max-width: 1280px) and (max-width: 576px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.even {
    margin-left: 0;
  }
}
@media (max-width: 1280px) and (max-width: 576px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr {
    flex: 100%;
    margin: 0 0 9px 0;
  }
}
@media (max-width: 1280px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td {
    flex: 0 0 43.2%;
    position: relative;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td::before {
    content: attr(data-label);
    font-size: 12px;
    font-weight: 600;
    white-space: normal;
    opacity: 0.5;
    margin-right: 6px;
    display: block;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.name {
    font-size: 18px;
    font-weight: 600;
    flex: 100%;
    max-width: calc(100% - 129px);
    top: 3px;
  }
}
@media (max-width: 1280px) and (max-width: 576px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.name {
    font-size: 16px;
  }
}
@media (max-width: 1280px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.serial, .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.sorting_1 {
    display: none;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status {
    flex: none;
    position: absolute;
    right: 75px;
    top: 8px;
    padding: 0;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status span, .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status span::after, .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status span::before {
    font-size: 11px;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status span.inactive-status, .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status .main .template-flex .sortable-body .sort-section .sortable-trigger span.inactive-status::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status span.inactive-status::after, .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status .main .template-flex .sortable-body .sort-section .sortable-trigger span.inactive-status::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status span.inactive-status::before {
    background: #E32027;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status span.active-status, .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status .main .template-flex .sortable-body .sort-section .sortable-trigger span.active-status::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status span.active-status::after, .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status .main .template-flex .sortable-body .sort-section .sortable-trigger span.active-status::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status span.active-status::before {
    background: #80B602;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.name::before, .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.status::before, .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.action-btns::before, .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.description::before {
    display: none;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.description {
    flex: 100%;
    order: 3;
    font-size: 14px;
    padding-top: 2px;
    line-height: 20px;
    max-width: none;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.task-type {
    flex: 100%;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.task-type::before {
    display: inline-block;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.action-btns {
    position: absolute;
    right: 6px;
    padding: 0;
    top: 8px;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.hide-td {
    display: none;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.hide-visible {
    display: table-cell;
    position: absolute;
    bottom: 7px;
    right: 14px;
    z-index: 9;
    padding: 0;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td.hide-visible a i {
    position: relative;
    top: 1.4px;
    margin-left: 4px;
  }
}
@media (max-width: 1280px) and (max-width: 576px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr td {
    padding: 5px 8px;
  }
}
@media (max-width: 1280px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.show-data td.hide-td {
    display: block;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.show-data td.hide-visible a i {
    rotate: -90deg;
    top: 0px;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.expanded-tr {
    position: fixed;
    left: 0;
    width: 100%;
    display: flex;
    z-index: 999999;
    padding: 1rem;
    top: 0;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.9411764706);
    border-radius: 0;
    justify-content: center;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.expanded-tr .close-expand-view {
    display: block;
    color: #666666;
    z-index: 99;
  }
}
@media (max-width: 1280px) and (max-width: 576px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.expanded-tr .close-expand-view {
    right: -9px;
    top: -4px;
  }
}
@media (max-width: 1280px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.expanded-tr td.expanded-td {
    width: 100%;
    display: block !important;
    background: #000000 !important;
    padding: 0;
    flex: 100%;
  }
}
@media (max-width: 1280px) and (max-width: 576px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.expanded-tr td.expanded-td {
    padding-top: 1rem;
  }
}
@media (max-width: 1280px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.expanded-tr td.expanded-td .show-panel {
    max-height: calc(100vh - 150px);
  }
}
@media (max-width: 1280px) and (max-width: 576px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.expanded-tr td.expanded-td .show-panel {
    max-height: inherit;
  }
}
@media (max-width: 1280px) {
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.expanded-tr td.sorting_1 {
    display: block !important;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.expanded-tr td.action-column {
    flex: 100%;
    max-width: calc(100% - 120px);
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.expanded-tr td.belong-column {
    flex: 100%;
  }
  .table-section.card-view .dataTables_wrapper .dataTable tbody tr.expanded-tr td.status {
    right: 43px;
  }
}
.table-section .dataTables_wrapper {
  border-radius: 3px;
  position: relative;
  background: #3E3F44;
}
.table-section .dataTables_wrapper::after {
  clear: none;
}
.table-section .dataTables_wrapper .dataTables_filter {
  position: relative;
  z-index: 9;
  width: 100%;
  max-width: 208px;
  margin-left: auto;
}
.table-section .dataTables_wrapper .dataTables_filter::after {
  content: "\f002";
  display: block;
  position: absolute;
  font-family: FontAwesome;
  opacity: 0.8;
  color: #FFFFFF;
  z-index: 9;
  top: 23px;
  left: 5px;
}
@media (max-width: 1280px) {
  .table-section .dataTables_wrapper .dataTables_filter::after {
    top: 24px;
    left: 12px;
  }
}
@media (max-width: 576px) {
  .table-section .dataTables_wrapper .dataTables_filter::after {
    top: 32px;
    left: 12px;
  }
}
.table-section .dataTables_wrapper .dataTables_filter label, .table-section .dataTables_wrapper .dataTables_filter .main .template-flex .flex .columns label input, .main .template-flex .flex .columns label .table-section .dataTables_wrapper .dataTables_filter input,
.table-section .dataTables_wrapper .dataTables_filter .main .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .table-section .dataTables_wrapper .dataTables_filter select {
  color: rgba(0, 0, 0, 0);
}
.table-section .dataTables_wrapper .dataTables_filter input {
  padding-left: 2.4rem;
  position: relative;
  top: -7px;
  right: 8px;
}
@media (max-width: 1280px) {
  .table-section .dataTables_wrapper .dataTables_filter input {
    right: 0;
  }
}
@media (max-width: 576px) {
  .table-section .dataTables_wrapper .dataTables_filter input {
    top: 0;
    margin: 0;
  }
}
@media (max-width: 576px) {
  .table-section .dataTables_wrapper .dataTables_filter {
    max-width: calc(100% - 80px);
    margin: 0 0 0 auto;
  }
}
@media (max-width: 430px) {
  .table-section .dataTables_wrapper .dataTables_filter {
    max-width: 100%;
  }
}
.table-section .dataTables_wrapper .dataTables_length {
  position: absolute;
  right: 240px;
  top: 19px;
  z-index: 9;
}
@media (max-width: 576px) {
  .table-section .dataTables_wrapper .dataTables_length {
    top: 22px;
    left: 0;
    right: inherit;
  }
}
@media (max-width: 430px) {
  .table-section .dataTables_wrapper .dataTables_length {
    left: inherit;
    right: 0;
    z-index: 999;
  }
}
.table-section .dataTables_wrapper .dataTables_length label, .table-section .dataTables_wrapper .dataTables_length .main .template-flex .flex .columns label input, .main .template-flex .flex .columns label .table-section .dataTables_wrapper .dataTables_length input,
.table-section .dataTables_wrapper .dataTables_length .main .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .table-section .dataTables_wrapper .dataTables_length select {
  display: flex;
  align-items: baseline;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
  cursor: inherit;
}
@media (max-width: 576px) {
  .table-section .dataTables_wrapper .dataTables_length label, .table-section .dataTables_wrapper .dataTables_length .main .template-flex .flex .columns label input, .main .template-flex .flex .columns label .table-section .dataTables_wrapper .dataTables_length input,
  .table-section .dataTables_wrapper .dataTables_length .main .template-flex .flex .columns label select,
  .main .template-flex .flex .columns label .table-section .dataTables_wrapper .dataTables_length select {
    font-size: 0.8rem;
  }
}
.table-section .dataTables_wrapper .dataTables_length label select, .table-section .dataTables_wrapper .dataTables_length .main .template-flex .flex .columns label input select, .main .template-flex .flex .columns label .table-section .dataTables_wrapper .dataTables_length input select,
.table-section .dataTables_wrapper .dataTables_length .main .template-flex .flex .columns label select select,
.main .template-flex .flex .columns label .table-section .dataTables_wrapper .dataTables_length select select {
  background: #80B602;
  color: #FFFFFF;
  border: none;
  outline: none;
  border-width: 0 0 1px 0;
  border-radius: 3px;
  line-height: 1.3;
  height: auto;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  font-weight: bold;
  margin: 0 10px;
  padding: 10px 20px 10px 10px;
}
@media (max-width: 576px) {
  .table-section .dataTables_wrapper .dataTables_length label select, .table-section .dataTables_wrapper .dataTables_length .main .template-flex .flex .columns label input select, .main .template-flex .flex .columns label .table-section .dataTables_wrapper .dataTables_length input select,
  .table-section .dataTables_wrapper .dataTables_length .main .template-flex .flex .columns label select select,
  .main .template-flex .flex .columns label .table-section .dataTables_wrapper .dataTables_length select select {
    font-size: 0.8rem;
    padding: 0.5rem;
  }
}
.table-section .dataTables_wrapper .dataTables_length label option, .table-section .dataTables_wrapper .dataTables_length .main .template-flex .flex .columns label input option, .main .template-flex .flex .columns label .table-section .dataTables_wrapper .dataTables_length input option,
.table-section .dataTables_wrapper .dataTables_length .main .template-flex .flex .columns label select option,
.main .template-flex .flex .columns label .table-section .dataTables_wrapper .dataTables_length select option {
  background-color: #FFFFFF;
  color: #000000;
}
.table-section .dataTables_wrapper .dataTables_info {
  font-size: 0.9rem;
  background-color: rgba(0, 0, 0, 0);
}
.table-section .dataTables_wrapper .dataTables_paginate {
  padding-top: 10px;
  background-color: rgba(0, 0, 0, 0);
  margin: 0;
}
.table-section .dataTables_wrapper .dataTables_paginate a.paginate_button {
  height: 1.8rem;
  line-height: 1.8rem;
  margin-left: 0.3125rem;
  padding: 0 0.8rem;
  color: #999999;
  font-size: 1em;
  border-radius: 3px;
  background: none;
  border: 0 !important;
}
.table-section .dataTables_wrapper .dataTables_paginate a.paginate_button.current {
  background-color: #59a6bd;
  color: #FFFFFF !important;
}
@media (max-width: 767.68px) {
  .table-section .dataTables_wrapper .dataTables_paginate a.paginate_button.previous {
    margin-left: 0;
  }
}
.table-section .dataTables_wrapper .dataTables_paginate a.disabled {
  opacity: 0.8;
}
.table-section .dataTables_wrapper table {
  background: #000000;
  border: solid 1px #222222;
  table-layout: auto;
  margin: 0;
  width: 100% !important;
  border-spacing: 0;
  border-bottom: 0;
}
.table-section .dataTables_wrapper table.collapsed tr th:first-child,
.table-section .dataTables_wrapper table.collapsed tr td:first-child {
  display: table-cell;
}
.table-section .dataTables_wrapper table thead tr th {
  color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: #3E3F44;
  border-top: 0;
  white-space: nowrap;
}
.table-section .dataTables_wrapper table thead tr th.sorting::before {
  content: "▲";
  content: "▲"/"";
}
.table-section .dataTables_wrapper table thead tr th.sorting::after {
  content: "▼";
  content: "▼"/"";
}
.table-section .dataTables_wrapper table thead tr th.dtr-control {
  display: table-cell !important;
}
.table-section .dataTables_wrapper table thead tr th:first-child {
  display: none;
}
.table-section .dataTables_wrapper table tbody tr td {
  color: #FFFFFF;
  background-color: #000000;
  border-bottom: 1px solid #222222;
  vertical-align: top;
}
.table-section .dataTables_wrapper table tbody tr td:first-child, .table-section .dataTables_wrapper table tbody tr td.hide-visible {
  display: none;
}
.table-section .dataTables_wrapper table tbody tr td.action-btns {
  display: table-cell !important;
}
.table-section .dataTables_wrapper table tbody tr td a {
  color: #5cbedb;
}
.table-section .dataTables_wrapper table tbody tr td .active-status,
.table-section .dataTables_wrapper table tbody tr td .completed-status {
  background-color: #80B602;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 0.8rem;
  text-transform: capitalize;
}
.table-section .dataTables_wrapper table tbody tr td .pending-status {
  background-color: #3E3F44;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 0.8rem;
  text-transform: capitalize;
  border: 1px solid #59a6bd;
}
.table-section .dataTables_wrapper table tbody tr td .progress-status {
  background-color: rgb(227, 114, 0);
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 0.8rem;
  text-transform: capitalize;
}
.table-section .dataTables_wrapper table tbody tr td .inactive-status,
.table-section .dataTables_wrapper table tbody tr td .delayed-status {
  background-color: #E32027;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 0.8rem;
  text-transform: capitalize;
}
.table-section .dataTables_wrapper table tbody tr td.child {
  padding: 0;
}
.table-section .dataTables_wrapper table tbody tr td.description {
  max-width: 400px;
}
.table-section .dataTables_wrapper table tbody tr td .permission-column {
  position: relative;
}
.table-section .dataTables_wrapper table tbody tr td .permission-column .permission-name {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.table-section .dataTables_wrapper table tbody tr td .permission-column .permission-name .tags {
  margin: 0 5px 5px 0;
  display: inline-block;
  padding: 5px;
  border-radius: 4px;
  background-color: #3E3F44;
}
.table-section .dataTables_wrapper table tbody tr td .permission-column a {
  text-align: right;
  display: block;
}
.table-section .dataTables_wrapper table tbody tr td .permission-column a i {
  position: relative;
  top: 1.4px;
  margin-left: 4px;
}
.table-section .dataTables_wrapper table tbody tr td .permission-column.open .permission-name {
  text-overflow: inherit;
  overflow: inherit;
  display: block;
}
.table-section .dataTables_wrapper table tbody tr td.dtr-control::before {
  background-color: #3E3F44 !important;
  left: 8px !important;
  line-height: 1.1em !important;
}
@media (max-width: 1280px) {
  .table-section .dataTables_wrapper table tbody tr td.dtr-control {
    display: none;
  }
}
.table-section .dataTables_wrapper table tbody tr.parent td, .table-section .dataTables_wrapper table tbody tr.child td {
  background-color: #1a1a1a;
}
.table-section .dataTables_wrapper table tbody tr.parent:hover td, .table-section .dataTables_wrapper table tbody tr.child:hover td {
  background-color: #1a1a1a;
}
.table-section .dataTables_wrapper table tbody tr:hover td {
  background-color: #1e4c5a;
}
.table-section .dataTables_wrapper table tbody tr.expanded-tr:hover td {
  background-color: rgba(0, 0, 0, 0);
}
.table-section .dataTables_wrapper table tbody tr ul.dtr-details {
  width: 100%;
  padding-top: 6px;
}
.table-section .dataTables_wrapper table tbody tr ul.dtr-details li {
  border-bottom: 1px solid #222222;
  padding: 6px 10px;
}
.table-section .dataTables_wrapper table tbody tr ul.dtr-details li span, .table-section .dataTables_wrapper table tbody tr ul.dtr-details li .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .dataTables_wrapper table tbody tr ul.dtr-details li span::after, .table-section .dataTables_wrapper table tbody tr ul.dtr-details li .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .dataTables_wrapper table tbody tr ul.dtr-details li span::before {
  font-size: 0.875rem;
}
.table-section .dataTables_wrapper table tbody tr ul.dtr-details li span.dtr-title, .table-section .dataTables_wrapper table tbody tr ul.dtr-details li .main .template-flex .sortable-body .sort-section .sortable-trigger span.dtr-title::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .dataTables_wrapper table tbody tr ul.dtr-details li span.dtr-title::after, .table-section .dataTables_wrapper table tbody tr ul.dtr-details li .main .template-flex .sortable-body .sort-section .sortable-trigger span.dtr-title::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .table-section .dataTables_wrapper table tbody tr ul.dtr-details li span.dtr-title::before {
  min-width: 86px;
  font-size: 0.825rem;
}
.table-section .dataTables_wrapper table .action-icons {
  display: inline-flex;
  align-items: center;
  margin: 0;
}
.table-section .dataTables_wrapper table .action-icons .btn {
  background: none;
  padding: 0;
  font-size: 1.2rem;
  color: #59a6bd;
  margin: 0 8px;
}
@media (max-width: 1280px) {
  .table-section .dataTables_wrapper table .action-icons .btn {
    font-size: 1rem;
    margin: 0 6px;
  }
}
@media (max-width: 430px) {
  .table-section .dataTables_wrapper table .action-icons .btn.expnad-trigger {
    margin: 0 8px;
    font-size: 18px;
  }
}
.table-section .dataTables_wrapper input {
  border: 1px solid rgba(255, 255, 255, 0.22);
  background-color: rgba(255, 255, 255, 0.2);
  color: #DDDDDD;
  transition: 0.5s;
  border-radius: 4px;
  height: 50px;
  margin-top: 0.3rem;
  background-image: none;
  height: 43px;
  background-color: #333;
  margin: 0;
}
.table-section .dataTables_wrapper input:focus {
  border-color: #59a6bd;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
@media (max-width: 576px) {
  .table-section .dataTables_wrapper input {
    margin-bottom: 0.8rem;
  }
}
.table-section .dataTables_wrapper select option {
  color: #000000;
}
.table-section .dataTables_wrapper .dataTable-pagination li a {
  color: #999999;
}
.table-section .dataTables_wrapper .dataTable-pagination li.active a {
  background-color: #59a6bd;
  color: #FFFFFF;
}
@media (max-width: 576px) {
  .table-section .dataTables_wrapper {
    padding-top: 3rem;
  }
}
.table-section .close-expand-view {
  display: none;
  font-size: 2rem;
  transition: 0.5s;
  position: absolute;
  right: 10px;
  top: 10px;
}

/** Foundation settings */
/*#121314;*/
/*#80B602;*/ /*#E32027;*/
/*#2E2F33;*/ /*#FFE26D;*/
/*$list-style-position: outside;*/
/*$oil;*/
/*#222326;*/
.gantt-mini-container .remove {
  display: none;
}
.gantt-mini-container.loading {
  position: relative;
}
.gantt-mini-container.loading > * {
  opacity: 0.35;
}
.gantt-mini-container.loading::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(u!vega/lib/images/ajax/ajax-loader-3box.gif) no-repeat 50% 2rem;
}
.gantt-mini-container .gantt {
  background: transparent;
  position: relative;
}
.gantt-mini-container .gantt .grid-header,
.gantt-mini-container .gantt .date {
  will-change: transform;
  transition: none;
}
.gantt-mini-container .gantt .grid-header {
  fill: #000;
  stroke: #333;
}
.gantt-mini-container .gantt .upper-text {
  fill: #888;
}
.gantt-mini-container .gantt .lower-text {
  fill: #666;
}
.gantt-mini-container .gantt .grid-row {
  fill: transparent;
}
.gantt-mini-container .gantt .grid-row:nth-child(2n) {
  fill: rgba(34, 35, 38, 0.5);
}
.gantt-mini-container .gantt .row-line {
  stroke: rgba(255, 255, 255, 0.15);
}
.gantt-mini-container .gantt .tick {
  stroke: rgba(255, 255, 255, 0.5);
}
.gantt-mini-container .gantt .tick.thick {
  stroke-width: 0.5;
}
.gantt-mini-container .gantt .bar {
  fill: #3f4045;
  stroke: #59a6bd;
  stroke-width: 1;
}
.gantt-mini-container .gantt .bar .bar-label {
  fill: rgba(255, 255, 255, 0.8);
  stroke: transparent;
  stroke-width: 0;
  font-size: 14px;
  font-weight: 500;
}
.gantt-mini-container .gantt .bar .bar-label.big {
  fill: rgba(255, 255, 255, 0.8);
}
.gantt-mini-container .gantt .arrow {
  stroke: #888;
}
.gantt-mini-container .gantt .arrow .scheClass {
  stroke: #80B602;
}
.gantt-mini-container .gantt .arrow .atGroupClass {
  stroke: #59a6bd;
}
.gantt-mini-container .gantt .bar-wrapper {
  position: relative;
}
.gantt-mini-container .gantt .bar-wrapper.scheClass .bar,
.gantt-mini-container .gantt .bar-wrapper.scheClass .bar-progress {
  fill: #80B602;
  stroke: transparent;
  stroke-width: 0;
}
.gantt-mini-container .gantt .bar-wrapper.pending-fill .bar,
.gantt-mini-container .gantt .bar-wrapper.pending-fill .bar-progress, .gantt-mini-container .gantt .bar-wrapper.pending-outline .bar,
.gantt-mini-container .gantt .bar-wrapper.pending-outline .bar-progress {
  fill: #3f4045;
  stroke-width: 1px;
  stroke: #59a6bd;
}
.gantt-mini-container .gantt .bar-wrapper.inProgress-outline .bar, .gantt-mini-container .gantt .bar-wrapper.inProgress-fill .bar {
  fill: #3f4045;
  stroke-width: 1px;
  stroke: rgb(227, 114, 0);
}
.gantt-mini-container .gantt .bar-wrapper.inProgress-outline .bar-progress, .gantt-mini-container .gantt .bar-wrapper.inProgress-fill .bar-progress {
  fill: rgb(227, 114, 0);
  stroke-width: 1px;
  stroke: rgb(227, 114, 0);
}
.gantt-mini-container .gantt .bar-wrapper.completed-fill .bar,
.gantt-mini-container .gantt .bar-wrapper.completed-fill .bar-progress, .gantt-mini-container .gantt .bar-wrapper.completed-outline .bar,
.gantt-mini-container .gantt .bar-wrapper.completed-outline .bar-progress {
  fill: #289b10;
  stroke-width: 1px;
  stroke: #289b10;
}
.gantt-mini-container .gantt .bar-wrapper.delay-fill .bar,
.gantt-mini-container .gantt .bar-wrapper.delay-fill .bar-progress, .gantt-mini-container .gantt .bar-wrapper.delay-outline .bar,
.gantt-mini-container .gantt .bar-wrapper.delay-outline .bar-progress {
  fill: #E32027;
  stroke-width: 1px;
  stroke: #E32027;
}
.gantt-mini-container .gantt .bar-wrapper.atGroupClass .bar,
.gantt-mini-container .gantt .bar-wrapper.atGroupClass .bar-progress {
  fill: #59a6bd;
  stroke: transparent;
  stroke-width: 0;
}
.gantt-mini-container .gantt .bar-wrapper:hover .bar, .gantt-mini-container .gantt .bar-wrapper.active .bar {
  opacity: 0.7;
}
.gantt-mini-container .gantt .bar-wrapper:hover .handle-group, .gantt-mini-container .gantt .bar-wrapper.active .handle-group {
  display: none;
}
.gantt-mini-container .gantt .bar-wrapper.is-release-successors .bar,
.gantt-mini-container .gantt .bar-wrapper.is-release-successors .bar-progress {
  fill: #59a6bd;
  stroke: transparent;
  stroke-width: 0;
}
.gantt-mini-container .gantt .bar-wrapper.is-completed .bar,
.gantt-mini-container .gantt .bar-wrapper.is-completed .bar-progress {
  fill: rgb(227, 114, 0);
  stroke: transparent;
  stroke-width: 0;
}
.gantt-mini-container .gantt .bar-wrapper.is-approved .bar,
.gantt-mini-container .gantt .bar-wrapper.is-approved .bar-progress {
  fill: #80B602;
  stroke: transparent;
  stroke-width: 0;
}
.gantt-mini-container .gantt .bar-wrapper.is-not-focus .bar,
.gantt-mini-container .gantt .bar-wrapper.is-not-focus .bar-progress {
  fill: #3E3F44;
  stroke: transparent;
  stroke-width: 0;
}
.gantt-mini-container .gantt .bar-wrapper.is-not-focus .bar-label.big {
  fill: rgba(255, 255, 255, 0.35);
}
.gantt-mini-container .gantt .bar-wrapper.is-not-focus:not(.is-critical) .bar-label:not(.big) {
  fill: #000;
}
.gantt-mini-container .gantt .bar-wrapper.is-preview-changed .bar,
.gantt-mini-container .gantt .bar-wrapper.is-preview-changed .bar-progress {
  stroke: #E32027;
  stroke-width: 2;
}
.gantt-mini-container .gantt .bar-wrapper .bar-progress {
  fill: #59a6bd;
}
.gantt-mini-container .gantt .today-highlight {
  fill: #59a6bd;
  opacity: 0.25;
}
.gantt-mini-container .gantt .weekend-highlight {
  fill: #000;
  opacity: 0.75;
}
.gantt-mini-container.highlight-mode .gantt .bar-wrapper:not(.is-highlight) .bar {
  fill: #3E3F44;
}
.gantt-mini-container.highlight-mode .gantt .bar-wrapper:not(.is-highlight) .bar-label.big {
  fill: #3E3F44;
}
.gantt-mini-container.highlight-mode .gantt .bar-wrapper:not(.is-highlight):not(.is-critical) .bar-label:not(.big) {
  fill: #000;
}
.gantt-mini-container .popup-wrapper {
  border: 1px solid #333333;
  min-width: 11rem;
  opacity: 0;
  display: none;
}
.gantt-mini-container .popup-wrapper .details-container {
  white-space: nowrap;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
}
.gantt-mini-container .popup-wrapper .details-container > *:not(:empty):not(:first-child) {
  padding: 0.25rem 0;
  margin: 0;
  /*border-top: 1px solid rgba(255,255,255,0.2);*/
  font-size: 0.8rem;
}
.gantt-mini-container .popup-wrapper .details-container i {
  margin-right: 0.25rem;
}
.gantt-mini-container .popup-wrapper .title {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.gantt-mini-container .popup-wrapper .before-dates {
  color: #E32027;
}
.gantt-mini-container .popup-wrapper .critical {
  color: rgb(227, 114, 0);
}
.gantt-mini-container .popup-wrapper .predecessors h5,
.gantt-mini-container .popup-wrapper .successors h5 {
  font-size: 0.8rem;
  font-weight: bold;
  margin: 0.5rem 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  padding: 0.5rem 0;
}
.gantt-mini-container .popup-wrapper .predecessors .predecessor,
.gantt-mini-container .popup-wrapper .predecessors .successor,
.gantt-mini-container .popup-wrapper .successors .predecessor,
.gantt-mini-container .popup-wrapper .successors .successor {
  color: rgba(255, 255, 255, 0.8);
  padding: 0.25rem 0;
  display: flex;
}
.gantt-mini-container .popup-wrapper .predecessors .predecessor .predecessor-name,
.gantt-mini-container .popup-wrapper .predecessors .predecessor .successor-name,
.gantt-mini-container .popup-wrapper .predecessors .successor .predecessor-name,
.gantt-mini-container .popup-wrapper .predecessors .successor .successor-name,
.gantt-mini-container .popup-wrapper .successors .predecessor .predecessor-name,
.gantt-mini-container .popup-wrapper .successors .predecessor .successor-name,
.gantt-mini-container .popup-wrapper .successors .successor .predecessor-name,
.gantt-mini-container .popup-wrapper .successors .successor .successor-name {
  flex-grow: 4;
}
.gantt-mini-container .popup-wrapper .predecessors .predecessor .predecessor-type,
.gantt-mini-container .popup-wrapper .predecessors .predecessor .successor-type,
.gantt-mini-container .popup-wrapper .predecessors .successor .predecessor-type,
.gantt-mini-container .popup-wrapper .predecessors .successor .successor-type,
.gantt-mini-container .popup-wrapper .successors .predecessor .predecessor-type,
.gantt-mini-container .popup-wrapper .successors .predecessor .successor-type,
.gantt-mini-container .popup-wrapper .successors .successor .predecessor-type,
.gantt-mini-container .popup-wrapper .successors .successor .successor-type {
  font-weight: bold;
  margin-right: 0.5rem;
}
.gantt-mini-container .popup-wrapper .successors {
  text-align: right;
}
.gantt-mini-container .popup-wrapper .successors .successor .successor-type {
  margin-right: 0;
  margin-left: 0.5rem;
}

.high-chart {
  max-height: calc(100vh - 180px);
  overflow: auto;
}
.high-chart text.highcharts-credits {
  display: none;
}
.high-chart .highcharts-range-selector-group {
  transform: translate(0, 60px) !important;
}
.high-chart .highcharts-tick,
.high-chart .highcharts-axis-line {
  stroke: #6a6a6a;
}

.main .bryntum-chart button:hover,
.main .bryntum-chart button:focus,
.main .bryntum-chart .button:hover,
.main .bryntum-chart .button:focus {
  background-color: inherit;
}
.main .bryntum-chart.grid-collapse header.b-grid-header-container .b-grid-header-scroller-locked,
.main .bryntum-chart.grid-collapse .b-grid-subgrid.b-grid-subgrid-locked.b-widget.b-subgrid {
  display: none;
}
.main .bryntum-chart.grid-collapse .b-splitter-button-touch-area {
  pointer-events: none !important;
}
.main .bryntum-chart.grid-collapse .b-grid-splitter-button-expand,
.main .bryntum-chart.grid-collapse .b-grid-splitter-button-collapse {
  pointer-events: none !important;
}
.main .bryntum-chart input {
  border: 0;
  margin: 0;
  background: no-repeat;
}
@media (max-width: 576px) {
  .main .bryntum-chart .b-grid-splitter-buttons {
    font-size: 1rem !important;
  }
}
@media (max-height: 575.98px) and (orientation: landscape) {
  .main .bryntum-chart .b-grid-splitter-buttons {
    font-size: 1rem !important;
  }
}
.main .bryntum-chart .b-gridbase.b-outer {
  min-height: calc(100vh - 163px) !important;
}
@media (max-height: 575.98px) and (orientation: landscape) {
  .main .bryntum-chart .b-gridbase.b-outer {
    min-height: calc(100vh - 66px) !important;
  }
}
@media (max-width: 576px) {
  .main .bryntum-chart .b-gridbase.b-outer {
    min-height: calc(100vh - 140px) !important;
  }
}
.main .bryntum-chart .b-sch-event-wrap .b-sch-label-before,
.main .bryntum-chart .b-gantt-task-wrap .b-sch-label-before {
  margin-bottom: 0;
  font-weight: 500;
  padding: 0;
}
@media (max-width: 576px) {
  .main .bryntum-chart .b-sch-event-wrap .b-sch-label-before,
  .main .bryntum-chart .b-gantt-task-wrap .b-sch-label-before {
    font-size: 11px;
    font-weight: 400;
  }
}
.main .bryntum-chart input[disabled],
.main .bryntum-chart input[readonly] {
  background: none !important;
}
.main .bryntum-chart .b-gantt-task.b-task-selected {
  outline: 1px solid #fab005;
  outline-offset: 4px;
}
.main .bryntum-chart .b-gantt-task-parent::before {
  content: "\f0da";
  font-family: fontAwesome;
  display: block;
  color: #000000;
  font-size: 18px;
  position: absolute;
  left: 3px;
  z-index: 9;
  top: 50%;
  opacity: 0.7;
  pointer-events: none;
  transform: translateY(-13px);
}
@media (max-width: 576px) {
  .main .bryntum-chart .b-gantt-task-parent::before {
    transform: translateY(-11px);
    font-size: 16px;
  }
}
.main .bryntum-chart .b-gantt-task-parent.b-expanded::before {
  display: none;
}
@media (max-width: 576px) {
  .main .bryntum-chart .b-sch-terminal, .main .bryntum-chart .b-task-percent-bar-handle {
    display: none;
  }
}
.main .bryntum-chart .schedule_bar.b-gantt-task {
  background-color: #80B602 !important;
  border-color: #80B602 !important;
}
.main .bryntum-chart .action_item_group_bar.b-gantt-task {
  background-color: #59a6bd !important;
  border-color: #59a6bd !important;
}
.main .bryntum-chart .action_item_bar.b-gantt-task {
  background-color: #222326 !important;
  border: 1px solid #59a6bd !important;
}
.main .bryntum-chart .action_item_bar.b-gantt-task.b-milestone {
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  --event-background-color: #fab005;
}
.main .bryntum-chart .project_bar.b-gantt-task {
  background-color: #fab005 !important;
  border-color: #fab005 !important;
}
@media (max-width: 991px) {
  .main .bryntum-chart .b-gantttoolbar .b-has-menu {
    margin-bottom: 0;
    max-height: 40px;
    padding: 13px;
    min-height: inherit;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .main .bryntum-chart .b-gantttoolbar .b-toolbar-content .b-button {
    max-height: 40px;
    padding: 13px;
    min-height: inherit;
    font-size: 14px;
  }
}
.main .bryntum-chart .b-gantttoolbar .b-toolbar-content .b-field {
  margin: 0;
}
@media (max-width: 991px) {
  .main .bryntum-chart .b-gantttoolbar .b-toolbar-content .b-field {
    height: 40px;
  }
}
.main .bryntum-chart .b-gantttoolbar .b-toolbar-content .b-field.b-datefield {
  margin-left: 0.8rem;
}
.main .bryntum-chart .b-gantttoolbar .b-toolbar-content .b-field.filter-by-name .b-field-inner .b-fieldtrigger {
  display: none;
}
@media (max-width: 991px) {
  .main .bryntum-chart .b-gantttoolbar .b-toolbar-content {
    min-height: inherit;
  }
}
.main .bryntum-chart label, .main .bryntum-chart .template-flex .flex .columns label input, .main .template-flex .flex .columns label .bryntum-chart input,
.main .bryntum-chart .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .bryntum-chart select {
  margin-bottom: 0;
  padding: 0;
}
.main .bryntum-chart .b-grid-body-container .b-grid-subgrid .b-grid-row .b-name-cell i {
  color: #59a6bd;
}
.main .bryntum-chart .b-grid-body-container .b-grid-subgrid .b-statuscolumn-cell i {
  margin-right: 8px;
  font-size: 10px;
}
@media (max-width: 576px) {
  .main .bryntum-chart .b-grid-body-container .b-grid-subgrid .b-grid-row .b-grid-cell {
    font-size: 14px;
  }
}
@media (max-height: 575.98px) and (orientation: landscape) {
  .main .bryntum-chart .b-grid-body-container .b-grid-subgrid .b-grid-row .b-grid-cell {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .main .bryntum-chart .b-grid-body-container .b-grid-subgrid .b-grid-row .b-grid-cell .b-tree-expander {
    font-size: 10px;
  }
}
@media (max-height: 575.98px) and (orientation: landscape) {
  .main .bryntum-chart .b-grid-body-container .b-grid-subgrid .b-grid-row .b-grid-cell .b-tree-expander {
    font-size: 10px;
  }
}
@media (max-width: 576px) {
  .main .bryntum-chart .b-grid-header-container .b-sch-timeaxiscolumn {
    font-size: 14px;
  }
}

.b-gantt-task-tooltip .b-gantt-task-title {
  margin-bottom: 0.4rem;
  font-size: 14px;
  max-width: 250px;
}

.b-gantt-task-tooltip table {
  margin: 0;
  background: none;
  width: 100%;
}

.b-gantt-task-tooltip table tr:nth-of-type(even) {
  background: none;
}

.b-gantt-task-tooltip td {
  color: #FFFFFF;
  opacity: 0.6;
}

.b-panel.b-floating > .b-panel-body-wrap .b-tooltip-content {
  padding: 8px 15px 12px;
  margin: 0;
}

.b-toolbar .b-toolbar-content.b-overflow .b-field,
.b-toolbar .b-toolbar-content.b-overflow .b-button {
  margin: 0;
}

.b-button label, .b-button .main .template-flex .flex .columns label input, .main .template-flex .flex .columns label .b-button input,
.b-button .main .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .b-button select {
  margin: 0;
  color: #FFFFFF;
  padding: 0 !important;
}

.b-numberfield input:focus,
.b-numberfield textarea:focus,
.b-textareafield input:focus,
.b-textareafield textarea:focus,
.b-textfield input:focus,
.b-textfield textarea:focus {
  background: none;
}

.b-numberfield.b-disabled input,
.b-textareafield.b-disabled input,
.b-textfield.b-disabled input {
  cursor: text;
  background: none;
}

button.b-blue {
  background-color: #59a6bd;
}
button.b-blue:hover {
  background-color: #227189 !important;
}

.b-float-root .b-dependencyeditor .b-panel-body-wrap .b-dependencyeditor-content .b-durationfield {
  margin-bottom: 1.2rem;
  overflow: visible;
}
.b-float-root .b-dependencyeditor .b-panel-body-wrap .b-dependencyeditor-content .b-durationfield::before {
  content: "**Lag = Actual Lag + 1 (for end-to-start relationship)";
  display: block;
  position: absolute;
  bottom: -23px;
  font-size: 13px;
  left: 54px;
  z-index: 9;
}
@media (max-width: 576px) {
  .b-float-root .b-tooltip .b-tooltip-body-wrap .b-sch-dependency-tooltip {
    max-width: 320px;
  }
}
.b-float-root .b-tooltip .b-tooltip-body-wrap .b-sch-dependency-tooltip label ~ div, .b-float-root .b-tooltip .b-tooltip-body-wrap .b-sch-dependency-tooltip .main .template-flex .flex .columns label input ~ div, .main .template-flex .flex .columns label .b-float-root .b-tooltip .b-tooltip-body-wrap .b-sch-dependency-tooltip input ~ div,
.b-float-root .b-tooltip .b-tooltip-body-wrap .b-sch-dependency-tooltip .main .template-flex .flex .columns label select ~ div,
.main .template-flex .flex .columns label .b-float-root .b-tooltip .b-tooltip-body-wrap .b-sch-dependency-tooltip select ~ div {
  font-size: 15px;
}
.b-float-root button:hover,
.b-float-root button:focus,
.b-float-root .button:hover,
.b-float-root .button:focus {
  background-color: inherit;
}
.b-float-root .b-popup .b-popup-header {
  background-color: #222222;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.0705882353);
  padding: 0.8rem 1rem;
}
.b-float-root .b-popup .b-popup-header .b-popup-close {
  padding: 0;
}
.b-float-root .b-popup .b-panel-body-wrap .b-displayfield .b-field-inner span, .b-float-root .b-popup .b-panel-body-wrap .b-displayfield .b-field-inner .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .b-float-root .b-popup .b-panel-body-wrap .b-displayfield .b-field-inner span::after, .b-float-root .b-popup .b-panel-body-wrap .b-displayfield .b-field-inner .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .b-float-root .b-popup .b-panel-body-wrap .b-displayfield .b-field-inner span::before {
  padding: 0;
}
.b-float-root .b-popup .b-tabpanel-body {
  padding-bottom: 1rem;
}
.b-float-root .b-popup .b-field-inner {
  height: 40px;
}
.b-float-root .b-popup .b-field-inner input:focus {
  box-shadow: none;
}
.b-float-root ul.b-list li {
  font-size: 14px;
}

.b-gantttaskeditor .b-tabpanel {
  flex: 1 1 330px !important;
}
.b-gantttaskeditor .b-toolbar.b-tabbar > .b-tabpanel-tabs button.b-tab {
  background: none;
  position: relative;
}
.b-gantttaskeditor .b-toolbar.b-tabbar > .b-tabpanel-tabs button.b-tab label, .b-gantttaskeditor .b-toolbar.b-tabbar > .b-tabpanel-tabs button.b-tab .main .template-flex .flex .columns label input, .main .template-flex .flex .columns label .b-gantttaskeditor .b-toolbar.b-tabbar > .b-tabpanel-tabs button.b-tab input,
.b-gantttaskeditor .b-toolbar.b-tabbar > .b-tabpanel-tabs button.b-tab .main .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .b-gantttaskeditor .b-toolbar.b-tabbar > .b-tabpanel-tabs button.b-tab select {
  color: #999999;
}
.b-gantttaskeditor .b-toolbar.b-tabbar > .b-tabpanel-tabs button.b-tab.b-active label, .b-gantttaskeditor .b-toolbar.b-tabbar > .b-tabpanel-tabs button.b-tab.b-active .main .template-flex .flex .columns label input, .main .template-flex .flex .columns label .b-gantttaskeditor .b-toolbar.b-tabbar > .b-tabpanel-tabs button.b-tab.b-active input,
.b-gantttaskeditor .b-toolbar.b-tabbar > .b-tabpanel-tabs button.b-tab.b-active .main .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .b-gantttaskeditor .b-toolbar.b-tabbar > .b-tabpanel-tabs button.b-tab.b-active select {
  color: #FFFFFF;
}
.b-gantttaskeditor .b-toolbar.b-tabbar > .b-tabpanel-tabs button.b-tab.b-active::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #80B602;
  width: 1.5rem;
  height: 3px;
  bottom: 1px;
  border-radius: 10px;
}
@media (min-width: 576px) {
  .b-gantttaskeditor .b-flex-row > .b-field {
    flex: 1 0 100% !important;
  }
}
.b-gantttaskeditor .b-taskeditor-body-wrap .b-tabpanel-body .b-flex-row > .b-description {
  position: relative;
  padding-left: 6.8em;
  margin-top: 3px;
}
@media (max-width: 576px) {
  .b-gantttaskeditor .b-taskeditor-body-wrap .b-tabpanel-body .b-flex-row > .b-description {
    padding: 20px 0 0;
    margin-top: 7px;
  }
}
.b-gantttaskeditor .b-taskeditor-body-wrap .b-tabpanel-body .b-flex-row > .b-description::before {
  content: "Description";
  position: absolute;
  left: 0;
  color: #e6e6e6;
  font-size: 15px;
}
@media (max-width: 576px) {
  .b-gantttaskeditor .b-taskeditor-body-wrap .b-tabpanel-body .b-flex-row > .b-description::before {
    top: -4px;
  }
}
@media (max-width: 576px) {
  .b-gantttaskeditor .b-taskeditor-body-wrap {
    flex-direction: column-reverse;
    padding-bottom: 1rem;
  }
  .b-gantttaskeditor .b-taskeditor-body-wrap .b-toolbar-content .b-button.b-text {
    min-width: inherit;
  }
  .b-gantttaskeditor .b-taskeditor-body-wrap .b-tabpanel-body .b-flex-row > .b-field {
    flex-direction: column;
    flex: 1 0 100% !important;
  }
  .b-gantttaskeditor .b-taskeditor-body-wrap .b-tabpanel-body .b-flex-row > .b-field .b-field-inner {
    height: 40px;
  }
  .b-gantttaskeditor .b-taskeditor-body-wrap .b-tabpanel-body .b-flex-row > .b-field .b-label {
    flex: inherit !important;
    align-self: inherit;
  }
}

.gantt-mini-container .gantt-container {
  max-height: calc(100vh - 230px);
  overflow: auto;
}
.gantt-mini-container .gantt-container .gantt {
  height: 100% !important;
}
.gantt-mini-container .gantt-container.year-section .gantt .grid,
.gantt-mini-container .gantt-container.year-section .gantt .grid-background,
.gantt-mini-container .gantt-container.year-section .gantt .grid-row,
.gantt-mini-container .gantt-container.year-section .gantt .grid-header {
  width: 100% !important;
}
.gantt-mini-container .gantt-container.year-section .gantt .grid-row {
  outline: 1px solid rgba(255, 255, 255, 0.15);
}
.gantt-mini-container .gantt-container.year-section .gantt .upper-text,
.gantt-mini-container .gantt-container.year-section .gantt .row-line {
  display: none;
}
@media (max-width: 1280px) {
  .gantt-mini-container .gantt-container .date {
    transform: none !important;
  }
}

.chart-controls {
  display: flex;
  width: 70%;
  justify-content: end;
}
.chart-controls .gantt-select {
  width: 100%;
  max-width: 350px;
  margin-right: 1rem;
}
.chart-controls .gantt-select label, .chart-controls .gantt-select .main .template-flex .flex .columns label input, .main .template-flex .flex .columns label .chart-controls .gantt-select input,
.chart-controls .gantt-select .main .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .chart-controls .gantt-select select {
  display: flex;
  align-items: center;
}
.chart-controls .gantt-select label select, .chart-controls .gantt-select .main .template-flex .flex .columns label input select, .main .template-flex .flex .columns label .chart-controls .gantt-select input select,
.chart-controls .gantt-select .main .template-flex .flex .columns label select select,
.main .template-flex .flex .columns label .chart-controls .gantt-select select select {
  margin: 0 0 0 8px;
  height: 40px;
}
.chart-controls .gantt-select label.select-icon::after, .chart-controls .gantt-select .main .template-flex .flex .columns label input.select-icon::after, .main .template-flex .flex .columns label .chart-controls .gantt-select input.select-icon::after,
.chart-controls .gantt-select .main .template-flex .flex .columns label select.select-icon::after,
.main .template-flex .flex .columns label .chart-controls .gantt-select select.select-icon::after {
  top: 11px;
}
.chart-controls .button-cont {
  display: flex;
  align-items: center;
}
.chart-controls .button-cont button {
  font-size: 0.81rem;
  background-color: #3E3F44;
  margin-bottom: 0.4rem;
}
.chart-controls .button-cont button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.chart-controls .button-cont button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.chart-controls .button-cont button.active {
  background-color: #59a6bd;
}
.chart-controls .button-cont button:focus-visible {
  outline: none;
}
.chart-controls p {
  text-align: end;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #FFFFFF;
  opacity: 0.6;
  display: none;
}

.checkbox-section span, .checkbox-section .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .checkbox-section span::after, .checkbox-section .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .checkbox-section span::before {
  color: #FFFFFF;
  opacity: 0.4;
}
.checkbox-section .checkbox-wrapper {
  display: flex;
  align-items: center;
  margin-top: 1.6rem;
  justify-content: end;
}
.checkbox-section .checkbox-wrapper input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.checkbox-section .checkbox-wrapper input[type=checkbox]:checked + label, .checkbox-section .checkbox-wrapper .main .template-flex .flex .columns label input[type=checkbox]:checked + input, .main .template-flex .flex .columns label .checkbox-section .checkbox-wrapper input[type=checkbox]:checked + input,
.checkbox-section .checkbox-wrapper .main .template-flex .flex .columns label input[type=checkbox]:checked + select,
.main .template-flex .flex .columns label .checkbox-section .checkbox-wrapper input[type=checkbox]:checked + select {
  background: #59a6bd;
}
.checkbox-section .checkbox-wrapper input[type=checkbox]:checked + label::after, .checkbox-section .checkbox-wrapper .main .template-flex .flex .columns label input[type=checkbox]:checked + input::after, .main .template-flex .flex .columns label .checkbox-section .checkbox-wrapper input[type=checkbox]:checked + input::after,
.checkbox-section .checkbox-wrapper .main .template-flex .flex .columns label input[type=checkbox]:checked + select::after,
.main .template-flex .flex .columns label .checkbox-section .checkbox-wrapper input[type=checkbox]:checked + select::after {
  left: 97.5%;
  transform: translateX(-100%);
}
.checkbox-section .checkbox-wrapper label, .checkbox-section .checkbox-wrapper .main .template-flex .flex .columns label input, .main .template-flex .flex .columns label .checkbox-section .checkbox-wrapper input,
.checkbox-section .checkbox-wrapper .main .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .checkbox-section .checkbox-wrapper select {
  --size: 50px;
  cursor: pointer;
  width: var(--size);
  height: calc(var(--size) / 2);
  background: #3E3F44;
  display: block;
  border-radius: 100px;
  position: relative;
}
.checkbox-section .checkbox-wrapper label::after, .checkbox-section .checkbox-wrapper .main .template-flex .flex .columns label input::after, .main .template-flex .flex .columns label .checkbox-section .checkbox-wrapper input::after,
.checkbox-section .checkbox-wrapper .main .template-flex .flex .columns label select::after,
.main .template-flex .flex .columns label .checkbox-section .checkbox-wrapper select::after {
  content: "";
  position: absolute;
  top: 7%;
  left: 2.5%;
  width: 45%;
  height: 89%;
  background: #FFFFFF;
  border-radius: 90px;
  transition: 0.3s;
}

.main-wrapper .main .gantt-btns button.secondary-btn {
  padding: 10px 17px;
  font-size: 0.875rem;
}
.main-wrapper .main .gantt-header {
  margin-bottom: 0;
}
.main-wrapper .main .gantt-header.bryntum-header .chart-controls {
  margin: 0;
}
@media (max-width: 1280px) {
  .main-wrapper .main .gantt-header {
    flex-wrap: wrap;
    position: relative;
  }
}
@media (max-width: 767.68px) {
  .main-wrapper .main .gantt-header {
    margin-bottom: 1rem;
  }
}
@media (max-width: 1280px) {
  .main-wrapper .main .gantt-header .chart-controls {
    width: 100%;
    margin-top: 1rem;
    justify-content: flex-start;
  }
}
@media (max-width: 767.68px) {
  .main-wrapper .main .gantt-header .chart-controls {
    margin-top: 2.8rem;
  }
}
@media (max-width: 576px) {
  .main-wrapper .main .gantt-header .chart-controls {
    flex-wrap: wrap;
  }
}
@media (max-width: 767.68px) {
  .main-wrapper .main .gantt-header .chart-controls .gantt-select {
    max-width: inherit;
  }
}
@media (max-width: 576px) {
  .main-wrapper .main .gantt-header .chart-controls .gantt-select {
    margin: 0;
  }
}
@media (max-width: 1280px) {
  .main-wrapper .main .gantt-header .chart-controls .gantt-select label, .main-wrapper .main .gantt-header .chart-controls .gantt-select .template-flex .flex .columns label input, .main-wrapper .main .template-flex .flex .columns label .gantt-header .chart-controls .gantt-select input,
  .main-wrapper .main .gantt-header .chart-controls .gantt-select .template-flex .flex .columns label select,
  .main-wrapper .main .template-flex .flex .columns label .gantt-header .chart-controls .gantt-select select {
    display: block;
  }
  .main-wrapper .main .gantt-header .chart-controls .gantt-select label select, .main-wrapper .main .template-flex .flex .columns label .gantt-header .chart-controls .gantt-select input select,
  .main-wrapper .main .template-flex .flex .columns label .gantt-header .chart-controls .gantt-select select select {
    margin: 6px 0 0 0;
  }
  .main-wrapper .main .gantt-header .chart-controls .gantt-select label.select-icon::after, .main-wrapper .main .gantt-header .chart-controls .gantt-select .template-flex .flex .columns label input.select-icon::after, .main-wrapper .main .template-flex .flex .columns label .gantt-header .chart-controls .gantt-select input.select-icon::after,
  .main-wrapper .main .gantt-header .chart-controls .gantt-select .template-flex .flex .columns label select.select-icon::after,
  .main-wrapper .main .template-flex .flex .columns label .gantt-header .chart-controls .gantt-select select.select-icon::after {
    top: 40px;
  }
}
@media (max-width: 1280px) {
  .main-wrapper .main .gantt-header .chart-controls .button-cont {
    position: absolute;
    right: 0;
    top: 0;
  }
}

/** Foundation settings */
/*#121314;*/
/*#80B602;*/ /*#E32027;*/
/*#2E2F33;*/ /*#FFE26D;*/
/*$list-style-position: outside;*/
/*$oil;*/
/*#222326;*/
* {
  font-family: "Open Sans", "Roboto Condensed", "Bitter", "Georgia", serif;
  margin: 0;
  padding: 0;
  scrollbar-width: thin;
}

body {
  color: #666666;
  line-height: 1.5;
  background: #000000;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

/* Thin scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-corner {
  background: none;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: rgba(73, 73, 73, 0.75);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(128, 128, 128, 0);
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  -webkit-appearance: none;
}

button,
.button {
  font-family: "Open Sans", "Roboto Condensed", "Bitter", "Georgia", serif;
}
button:focus-visible,
.button:focus-visible {
  outline: none;
}

input::-moz-placeholder {
  color: #888888;
}

input::placeholder {
  color: #888888;
}

strong,
b {
  font-family: "Open Sans", "Roboto Condensed", "Bitter", "Georgia", serif;
}

.back-to-top {
  display: none;
}
.back-to-top.active {
  height: 36px;
  width: 36px;
  position: fixed;
  z-index: 99;
  bottom: 16px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  color: #59a6bd;
  background-color: #222326;
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  transition: 0.4s;
}
@media (min-width: 767.68px) {
  .back-to-top.active:hover {
    rotate: 45deg;
  }
  .back-to-top.active:hover i {
    rotate: -45deg;
  }
}
@media (max-width: 767.68px) {
  .back-to-top.active {
    bottom: 77px;
    right: 20px;
  }
}
.back-to-top i {
  transition: 0.5s;
  pointer-events: none;
}

.scroll-block {
  overflow: hidden;
}

.loader {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6901960784);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  z-index: 99999999;
}
.loader.hide {
  display: none;
}
.loader .lds-spinner {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.loader .lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.loader .lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 7px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 30px;
  background: #FFFFFF;
}
.loader .lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.loader .lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.loader .lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.loader .lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.loader .lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.loader .lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.loader .lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.loader .lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.loader .lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.loader .lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.loader .lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.loader .lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

.panel-loader {
  position: absolute;
  background: #000000;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes spinner-anime {
  100% {
    transform: rotate(1turn);
  }
}
.swal2-container .swal2-popup {
  background: #222325;
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
}
.swal2-container .swal2-popup .swal2-icon.swal2-warning {
  color: rgb(227, 114, 0);
}

.main-wrapper {
  background: #000000;
  padding-top: 3.8rem;
}
.main-wrapper .row {
  max-width: inherit;
  margin-left: -10px;
}
.main-wrapper .row .column,
.main-wrapper .row .columns {
  padding-right: 0;
}
@media (max-width: 576px) {
  .main-wrapper .row {
    margin-left: -10px;
  }
}
.main-wrapper .row-parent {
  margin-right: -0.9375rem;
}
@media (max-width: 576px) {
  .main-wrapper .row-parent {
    margin-right: -10px;
  }
}
.main-wrapper .row-parent .parsley-error {
  color: #E32027;
  position: absolute;
  bottom: -1px;
}
@media (max-width: 576px) {
  .main-wrapper .center-form {
    margin: 0;
  }
}
.main-wrapper .center-form .row {
  max-width: 600px;
  margin: 5rem auto 0;
}
@media (max-width: 767.68px) {
  .main-wrapper .center-form .row {
    margin: 1rem auto 0;
  }
}
.main-wrapper .center-form .row .column,
.main-wrapper .center-form .row .columns {
  padding-right: 0.9375rem;
  padding-left: 0;
}
@media (max-width: 576px) {
  .main-wrapper .center-form .row .column,
  .main-wrapper .center-form .row .columns {
    padding: 0;
  }
}
@media (max-width: 576px) {
  .main-wrapper .project-form .row {
    margin-left: -5px;
  }
}
.main-wrapper .project-form .card {
  padding: 0.8rem 0.8rem 0;
  margin-bottom: 1rem;
}
@media (max-width: 1024.56px) {
  .main-wrapper .project-form .card.append-row {
    background: none;
    padding: 0.2rem;
    border: none;
  }
}
@media (max-width: 1440px) {
  .main-wrapper .project-form .columns {
    padding: 0 5px;
  }
  .main-wrapper .project-form .columns.large-4 {
    width: 28%;
  }
}
@media (max-width: 1440px) and (max-width: 1280px) {
  .main-wrapper .project-form .columns.large-4 {
    width: 100%;
  }
}
@media (max-width: 1440px) {
  .main-wrapper .project-form .columns.large-8 {
    width: 72%;
  }
}
@media (max-width: 1440px) and (max-width: 1280px) {
  .main-wrapper .project-form .columns.large-8 {
    width: 100%;
  }
}
@media (max-width: 1440px) {
  .main-wrapper .project-form .columns.medium-1 {
    padding: 0;
  }
}

.main {
  width: calc(100% - 12rem);
  margin-left: 12rem;
  padding: 0 1rem 3rem;
  min-height: calc(100vh - 3.8rem);
}
@media (max-width: 1024.56px) {
  .main {
    width: calc(100% - 5rem);
    margin-left: 5rem;
  }
}
@media (max-width: 767.68px) {
  .main {
    width: 100%;
    margin-left: 0;
    padding-bottom: 5rem;
  }
}
@media (max-width: 576px) {
  .main {
    padding: 0 0.6rem 5rem 0.6rem;
  }
}
.main label, .main .template-flex .flex .columns label input,
.main .template-flex .flex .columns label select {
  color: #DDDDDD;
  font-size: 0.938rem;
  padding-bottom: 0.4rem;
  position: relative;
  cursor: inherit;
}
.main label.select-icon::after, .main .template-flex .flex .columns label input.select-icon::after,
.main .template-flex .flex .columns label select.select-icon::after {
  content: "\f107";
  display: block;
  position: absolute;
  font-family: FontAwesome;
  opacity: 0.8;
  color: #DDDDDD;
  z-index: 9;
  top: 41px;
  right: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.main label.date-icon::after, .main .template-flex .flex .columns label input.date-icon::after,
.main .template-flex .flex .columns label select.date-icon::after {
  content: "\f073";
  display: block;
  position: absolute;
  font-family: FontAwesome;
  color: #a3a3a3;
  z-index: 9;
  right: 14px;
  top: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.main input {
  border: 1px solid rgba(255, 255, 255, 0.22);
  background-color: rgba(255, 255, 255, 0.2);
  color: #DDDDDD;
  transition: 0.5s;
  border-radius: 4px;
  height: 50px;
  margin-top: 0.3rem;
  background-image: none;
}
.main input:focus {
  border-color: #59a6bd;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
@media (max-width: 576px) {
  .main input {
    margin-bottom: 0.8rem;
  }
}
.main input[disabled], .main input[readonly] {
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 0.5;
}
.main select {
  border: 1px solid rgba(255, 255, 255, 0.22);
  background-color: rgba(255, 255, 255, 0.2);
  color: #DDDDDD;
  transition: 0.5s;
  border-radius: 4px;
  height: 50px;
  margin-top: 0.3rem;
  background-image: none;
  position: relative;
  padding-right: 27px;
}
.main select:focus {
  border-color: #59a6bd;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
@media (max-width: 576px) {
  .main select {
    margin-bottom: 0.8rem;
  }
}
.main select[disabled] {
  opacity: 0.5;
}
.main select option {
  color: #000000;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.main select:focus-visible {
  outline: none;
}
.main .primary-btn {
  background-color: #59a6bd;
  border-color: #59a6bd;
  color: #FFFFFF;
  border-radius: 4px;
  font-size: 1rem;
  padding-top: 12px;
  padding-bottom: 12px;
}
.main .primary-btn:hover {
  background-color: #227189;
}
.main .primary-outline-btn {
  background: none;
  border: 1px solid #59a6bd;
  color: #59a6bd;
  border-radius: 4px;
  font-size: 1rem;
  padding-top: 11px;
  padding-bottom: 11px;
}
.main .primary-outline-btn:hover {
  background-color: #59a6bd;
  color: #FFFFFF;
}
.main .secondary-btn {
  background-color: #3E3F44;
  border-color: #3E3F44;
  color: #FFFFFF;
  border-radius: 4px;
  font-size: 1rem;
  padding-top: 12px;
  padding-bottom: 12px;
}
.main .secondary-btn:hover {
  background-color: #70727c;
}
.main .alert-btns {
  background-color: #E32027;
  border-color: #E32027;
  color: #FFFFFF;
  border-radius: 4px;
  font-size: 1rem;
  padding-top: 12px;
  padding-bottom: 12px;
}
.main .alert-btns:hover {
  background-color: #b8171d;
}
.main .success-btn {
  background-color: #80B602;
  border-color: #80B602;
  color: #FFFFFF;
  border-radius: 4px;
  font-size: 1rem;
  padding-top: 12px;
  padding-bottom: 12px;
}
.main .success-btn:hover {
  background-color: #5b8005;
}
@media (max-width: 576px) {
  .main .both-btn {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.main .both-btn .secondary-btn {
  margin-right: 10px;
}
.main .both-btn .button {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .main .both-btn .button {
    font-size: 0.95rem;
    padding: 0.9rem;
    width: 100%;
    margin: 0.4rem 0;
  }
}
.main .pagetitle {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
  align-items: flex-start;
}
@media (max-width: 767.68px) {
  .main .pagetitle {
    justify-content: end;
    margin-bottom: 0;
    position: relative;
  }
}
.main .pagetitle h1 {
  font-size: 1.75rem;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  letter-spacing: 2px;
  color: #DDDDDD;
}
@media (max-width: 1024.56px) {
  .main .pagetitle h1 {
    font-size: 1.4rem;
  }
}
@media (max-width: 767.68px) {
  .main .pagetitle h1 {
    display: none;
  }
}
@media (max-width: 767.68px) {
  .main .pagetitle a.primary-btn {
    margin: 0;
  }
}
@media (max-width: 576px) {
  .main .pagetitle a.primary-btn {
    position: absolute;
    top: 18px;
    z-index: 9;
    font-size: 0.8rem;
    padding: 0.6rem 1rem;
  }
}
@media (max-width: 430px) {
  .main .pagetitle a.primary-btn {
    position: static;
    width: 100%;
    margin-top: 9px;
  }
}
.main .chosen-container-multi {
  width: 100% !important;
  margin-bottom: 1rem;
}
.main .chosen-container-multi.chosen-container-active .chosen-drop {
  display: block;
}
.main .chosen-container-multi.top .chosen-drop {
  top: inherit;
  bottom: 100%;
}
.main .chosen-container-multi .chosen-drop {
  display: none;
}
.main .chosen-container-multi .chosen-choices {
  border: 1px solid rgba(255, 255, 255, 0.22);
  background-color: rgba(255, 255, 255, 0.2);
  color: #DDDDDD;
  transition: 0.5s;
  border-radius: 4px;
  height: 50px;
  margin-top: 0.3rem;
  background-image: none;
  margin-top: 0.3rem;
  background-image: none;
  position: relative;
  height: auto;
  min-height: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-right: 31px;
  max-height: 50px;
  overflow: auto;
}
.main .chosen-container-multi .chosen-choices:focus {
  border-color: #59a6bd;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
@media (max-width: 576px) {
  .main .chosen-container-multi .chosen-choices {
    margin-bottom: 0.8rem;
  }
}
.main .chosen-container-multi .chosen-choices li.search-choice {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: none;
  border: none;
  font-size: 0.9rem;
  color: #DDDDDD;
  padding: 2px 19px 2px 2px;
}
.main .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  background: none;
}
.main .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after {
  content: "\f00d";
  font-family: "FontAwesome";
  height: 100%;
  width: 100%;
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  color: #FFFFFF;
  z-index: 99;
  font-size: 12px;
  opacity: 0.4;
  pointer-events: none;
}
.main .create-form-panel {
  width: 30em;
  position: fixed;
  top: 3rem;
  bottom: 0;
  right: -30em;
  max-width: 100%;
  height: 100vh;
  z-index: 1000;
  background: #131313;
  border-left: 1px solid #333;
  box-shadow: 0 0 30px #000000;
  transition: 0.5s;
  padding: 10px 15px;
}
.main .create-form-panel.open {
  right: 0;
}
.main .create-form-panel .create-form-head {
  position: relative;
  margin-bottom: 1rem;
}
.main .create-form-panel .create-form-head h4 {
  color: #DDDDDD;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.main .create-form-panel .create-form-head a {
  color: #666666;
  font-size: 2rem;
  position: absolute;
  right: 0;
  top: -8px;
}
.main .view-form-panel {
  width: 55em;
  position: fixed;
  top: 3rem;
  bottom: 0;
  right: -55em;
  max-width: 100%;
  min-height: 100vh;
  z-index: 1000;
  background: #131313;
  border-left: 1px solid #333;
  box-shadow: 0 0 30px #000000;
  transition: 0.5s;
  color: #FFFFFF;
}
.main .view-form-panel.open {
  right: 0;
}
.main .view-form-panel.open-details {
  width: 70em;
}
.main .view-form-panel.open-details .view-form-body {
  display: flex;
  transition: 0.5s;
}
@media (max-width: 576px) {
  .main .view-form-panel.open-details .view-form-body {
    flex-wrap: wrap;
  }
}
.main .view-form-panel.open-details .view-form-body .details-btn,
.main .view-form-panel.open-details .view-form-body .tree-tab {
  display: none;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section {
  display: block;
  width: 50%;
  padding: 1rem;
  background: #333437;
  min-height: calc(100vh - 190px);
  margin-right: 20px;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview {
  position: fixed;
  min-height: 100vh;
  max-height: inherit;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  padding-top: 4rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-header .full-preview i::before {
  content: "\f066";
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body {
  max-height: calc(100vh - 122px);
  min-height: calc(100vh - 122px);
  background-color: #222325;
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  padding: 1rem;
  border-radius: 7px;
}
@media (max-width: 576px) {
  .main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body {
    max-height: calc(100vh - 179px);
    min-height: calc(100vh - 179px);
  }
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body .popover-trigger:hover .popover-menu {
  display: block;
  opacity: 1;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body .popover-trigger .popover-menu {
  border: 1px solid #333333;
  min-width: 26rem;
  opacity: 0;
  display: none;
  background: #000000;
  position: absolute;
  width: 100%;
  left: calc(100% + 10px);
  top: -20px;
  z-index: 99;
  border-radius: 10px;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body .popover-trigger .popover-menu .title {
  padding: 0.75rem;
  border-bottom: 1px solid #333333;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body .popover-trigger .popover-menu .title h5 {
  color: #DDDDDD;
  font-weight: 500;
  font-size: 1rem;
  margin: 0;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body .popover-trigger .popover-menu .popover-panel {
  padding: 0.75rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body .popover-trigger .popover-menu .popover-panel .flex-row .flex-column .list-column {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  white-space: normal;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body .popover-trigger .popover-menu .popover-panel .flex-row .flex-column .list-column span, .main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body .popover-trigger .popover-menu .popover-panel .flex-row .flex-column .list-column .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body .popover-trigger .popover-menu .popover-panel .flex-row .flex-column .list-column span::after, .main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body .popover-trigger .popover-menu .popover-panel .flex-row .flex-column .list-column .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body .popover-trigger .popover-menu .popover-panel .flex-row .flex-column .list-column span::before {
  display: block;
  padding: 0;
  opacity: 0.6;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-view-body .popover-trigger .popover-menu::before {
  content: "";
  height: 14px;
  width: 14px;
  background: #000000;
  position: absolute;
  left: -7px;
  top: 23px;
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  transform: rotate(-45deg);
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper > span, .main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .template-flex .sortable-body .sort-section .sortable-trigger .tree-details-wrapper > span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper > span::after, .main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .template-flex .sortable-body .sort-section .sortable-trigger .tree-details-wrapper > span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper > span::before {
  min-width: -moz-max-content;
  min-width: max-content;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper .tree-details {
  display: block;
  font-size: 0.85rem;
  width: inherit;
  margin: 0 1rem;
  background: #333437;
  padding: 0.2rem 1rem;
  border-radius: 5px;
  max-width: 44rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper .tree-details .list-column span, .main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper .tree-details .list-column .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper .tree-details .list-column span::after, .main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper .tree-details .list-column .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper .tree-details .list-column span::before {
  padding: 0;
  opacity: 0.6;
  margin-right: 0.4rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper .tree-details .list-column strong {
  font-weight: 600;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper .tree-details .list-column strong.status {
  padding: 1px 6px;
  border-radius: 3px;
  text-transform: capitalize;
  font-size: 0.8rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper .tree-details .list-column strong.active {
  background-color: #80B602;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section.full-screen-preview .tree-details-wrapper .tree-details .list-column strong.inactive {
  background-color: #E32027;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 1rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-header a.collapse-trigger {
  color: #FFFFFF;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-header a.collapse-trigger.actives i {
  margin: 0;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-header a.collapse-trigger i {
  margin-right: 8px;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-header a.full-preview {
  position: absolute;
  right: 33px;
  color: #666666;
  font-size: 1.1rem;
  top: -1px;
  transition: 0.5s;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-header a.close-tree-view {
  color: #666666;
  font-size: 2rem;
  transition: 0.5s;
  position: absolute;
  right: 0;
  top: -12px;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-header a:hover {
  color: #FFFFFF;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body {
  max-height: calc(100vh - 262px);
  overflow: auto;
  min-height: calc(100vh - 262px);
}
@media (max-width: 576px) {
  .main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body {
    max-height: calc(100vh - 300px);
    min-height: calc(100vh - 300px);
  }
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul {
  position: relative;
  padding-left: 0;
  margin: 0;
  display: none;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul.main-list {
  display: block;
  margin-bottom: 1.2rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul.main-list > li > ul.nested:last-child > li:last-child {
  border-color: rgba(0, 0, 0, 0);
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul.main-list::before {
  display: none;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul.main-list > li {
  padding-left: 0.7rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul.main-list > li::after {
  display: none;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li {
  position: relative;
  border-left: 2px solid #666666;
  padding: 0.5rem 0 0 2rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown > span, .main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .template-flex .sortable-body .sort-section .sortable-trigger .has-dropdown > span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown > span::after, .main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .template-flex .sortable-body .sort-section .sortable-trigger .has-dropdown > span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown > span::before {
  display: flex;
  margin-bottom: 0.5rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox {
  position: relative;
  margin-left: 0.56rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox button {
  padding: 1px 8px 3px 7px;
  border-radius: 3px;
  text-transform: capitalize;
  border: 0;
  display: inline-block;
  margin-bottom: 0;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox button.pending {
  border: 1px solid rgb(227, 114, 0);
  color: rgb(227, 114, 0);
  background: rgba(224, 112, 0, 0.0901960784);
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox button.completed {
  border: 1px solid #80B602;
  color: #80B602;
  background: rgba(128, 182, 2, 0.0588235294);
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox button span, .main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox button .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox button span::after, .main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox button .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox button span::before {
  padding: 0;
  font-size: 0.8rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox button i {
  position: relative;
  top: 2px;
  margin-left: 0.5rem;
  font-size: 0.7rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox .selectbox-menu {
  display: none;
  background-color: #222325;
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  position: absolute;
  z-index: 9;
  width: 100%;
  min-width: 100px;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox .selectbox-menu span, .main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox .selectbox-menu .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox .selectbox-menu span::after, .main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox .selectbox-menu .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox .selectbox-menu span::before {
  display: block;
  padding: 0.3rem 0 0.3rem 0.5rem;
  font-size: 0.85rem;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox .selectbox-menu span:hover, .main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox .selectbox-menu .template-flex .sortable-body .sort-section .sortable-trigger span:hover::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox .selectbox-menu span:hover::after, .main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox .selectbox-menu .template-flex .sortable-body .sort-section .sortable-trigger span:hover::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox .selectbox-menu span:hover::before {
  opacity: 0.6;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .has-dropdown .custom-selectbox.selectbox-open .selectbox-menu {
  display: block;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li span, .main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li span::after, .main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li span::before {
  opacity: 1;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-left: 1rem;
  display: inline-block;
  font-size: 0.95rem;
  white-space: nowrap;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li span.icon-show::before {
  content: "+";
  position: absolute;
  left: -6px;
  display: block;
  top: 3px;
  font-size: 12px;
  font-family: FontAwesome;
  z-index: 6;
  height: 17px;
  width: 18px;
  background: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li span.rotate-icon.icon-show::before {
  content: "\f068";
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li::after {
  content: "";
  height: 2px;
  position: absolute;
  left: 0px;
  top: 19px;
  width: 32px;
  display: block;
  background: #666666;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li.show > ul {
  display: block;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul li:last-child ul li::before {
  content: "";
  position: absolute;
  left: -2px;
  top: -8px;
  background: #666666;
  width: 2px;
  height: 29px;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body ul:last-child > li:last-child {
  border-color: rgba(0, 0, 0, 0);
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body .popover-trigger {
  position: relative;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body .popover-trigger .popover-menu {
  opacity: 0;
  display: none;
}
.main .view-form-panel.open-details .view-form-body .tree-view-section .tree-view-body .tree-details {
  display: none;
}
@media (max-width: 576px) {
  .main .view-form-panel.open-details .view-form-body .tree-view-section {
    width: 100%;
    margin: 0;
  }
}
.main .view-form-panel.open-details .view-form-body .view-form-section {
  width: 50%;
}
.main .view-form-panel.open-details .view-form-body .view-form-section .view-form .flex-grid .flex-box {
  flex: 0 0 50%;
}
@media (max-width: 767.68px) {
  .main .view-form-panel.open-details .view-form-body .view-form-section .view-form .flex-grid .flex-box {
    flex: 0 0 100%;
  }
}
.main .view-form-panel.open-details .view-form-body .view-form-section .view-form .flex-grid .flex-box.w-100 {
  flex: 0 0 100%;
}
.main .view-form-panel .view-form-head {
  position: relative;
  margin-bottom: 0.575rem;
  background-color: #333437;
}
.main .view-form-panel .view-form-head .profile-view {
  display: flex;
  align-items: center;
  padding: 1rem 1rem 0 1rem;
}
.main .view-form-panel .view-form-head .profile-view .round-profile {
  height: 77px;
  width: 77px;
  border-radius: 100%;
  font-size: 1.7rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #131313;
  margin-right: 1rem;
}
.main .view-form-panel .view-form-head .profile-view .round-profile span, .main .view-form-panel .view-form-head .profile-view .round-profile .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-head .profile-view .round-profile span::after, .main .view-form-panel .view-form-head .profile-view .round-profile .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-head .profile-view .round-profile span::before {
  opacity: 1;
}
@media (max-width: 576px) {
  .main .view-form-panel .view-form-head .profile-view .round-profile {
    height: 60px;
    width: 60px;
    font-size: 1rem;
  }
}
.main .view-form-panel .view-form-head .profile-view .profile-details {
  max-width: calc(100% - 30px);
}
.main .view-form-panel .view-form-head .profile-view .profile-details h4 {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 2px;
}
@media (max-width: 576px) {
  .main .view-form-panel .view-form-head .profile-view {
    padding: 0.5rem 0.5rem 0 0.5rem;
  }
}
.main .view-form-panel .view-form-head .text-right {
  padding: 0 1.4rem 1rem 0;
}
.main .view-form-panel .view-form-head .text-right span, .main .view-form-panel .view-form-head .text-right .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-head .text-right span::after, .main .view-form-panel .view-form-head .text-right .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-head .text-right span::before {
  margin-right: 7px;
}
@media (max-width: 576px) {
  .main .view-form-panel .view-form-head .text-right span, .main .view-form-panel .view-form-head .text-right .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-head .text-right span::after, .main .view-form-panel .view-form-head .text-right .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-head .text-right span::before {
    font-size: 0.875rem;
  }
}
.main .view-form-panel .view-form-head .text-right strong {
  font-weight: 500;
}
@media (max-width: 576px) {
  .main .view-form-panel .view-form-head .text-right strong {
    font-size: 0.875rem;
  }
}
@media (max-width: 576px) {
  .main .view-form-panel .view-form-head .text-right {
    padding: 0 0 0.5rem 0.5rem;
    text-align: left !important;
  }
}
.main .view-form-panel .view-form-head a {
  color: #666666;
  font-size: 2rem;
  position: absolute;
  right: 17px;
  top: 0;
  transition: 0.5s;
}
.main .view-form-panel .view-form-head a:hover {
  color: #FFFFFF;
}
.main .view-form-panel .view-form-body {
  padding: 1rem 1.5rem;
}
.main .view-form-panel .view-form-body .tree-view-section {
  display: none;
}
@media (max-width: 576px) {
  .main .view-form-panel .view-form-body button {
    padding: 9px 28px;
    font-size: 0.875rem;
  }
}
.main .view-form-panel .view-form-body .details-btn {
  background: none;
  border: 1px solid #333;
  border-bottom: 0;
  margin: 0 0 0 0.5rem;
  border-radius: 0;
  padding: 10px 30px;
}
.main .view-form-panel .view-form-body .edit-btn {
  margin: 0;
  border-radius: 0;
  padding: 10px 30px;
}
.main .view-form-panel .view-form-body .view-form {
  border: 1px solid #333;
  padding: 1rem;
  overflow: auto;
  max-height: calc(100vh - 259px);
}
.main .view-form-panel .view-form-body .view-form .flex-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px 0 -10px;
}
.main .view-form-panel .view-form-body .view-form .flex-grid .flex-box {
  flex: 0 0 33.3%;
  padding: 0 10px;
}
@media (max-width: 1280px) {
  .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box {
    flex: 0 0 50%;
  }
}
.main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box {
  margin-bottom: 2.3rem;
}
.main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span::after, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span::before {
  font-size: 0.94rem;
  display: block;
}
.main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.status, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span.status::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.status::after, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span.status::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.status::before {
  color: #FFFFFF;
  opacity: 1;
  padding: 2px 8px;
  border-radius: 3px;
  text-transform: capitalize;
  border: 0;
  display: inline-block;
}
.main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.active, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span.active::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.active::after, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span.active::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.active::before, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.completed, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span.completed::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.completed::after, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span.completed::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.completed::before {
  background: #80B602;
}
.main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.inactive, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span.inactive::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.inactive::after, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span.inactive::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.inactive::before {
  background: #E32027;
}
.main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.pending, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span.pending::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.pending::after, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span.pending::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.pending::before {
  border: 1px solid #59a6bd;
  background-color: #3E3F44;
}
.main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.progress, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span.progress::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.progress::after, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span.progress::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span.progress::before {
  background: rgb(227, 114, 0);
}
@media (max-width: 576px) {
  .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span::after, .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box span::before {
    font-size: 0.875rem;
  }
}
.main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box strong {
  display: block;
  font-weight: 500;
  line-height: 24px;
  opacity: 0.9;
  word-break: break-all;
}
@media (max-width: 576px) {
  .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box strong {
    font-size: 0.9rem;
  }
}
@media (max-width: 576px) {
  .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box .view-box {
    margin-bottom: 1rem;
  }
}
.main .view-form-panel .view-form-body .view-form .flex-grid .flex-box.w-100 {
  flex: 0 0 100%;
}
.main .view-form-panel .view-form-body .view-form .flex-grid .flex-box:last-child .view-box {
  margin: 0;
}
@media (max-width: 430px) {
  .main .view-form-panel .view-form-body .view-form .flex-grid .flex-box {
    flex: 0 0 100%;
  }
}
@media (max-width: 767.68px) {
  .main .view-form-panel .view-form-body .view-form {
    max-height: calc(100vh - 319px);
  }
}
@media (max-width: 576px) {
  .main .view-form-panel .view-form-body .view-form {
    padding: 0.5rem 1rem;
    max-height: calc(100vh - 360px);
  }
}
@media (max-width: 576px) {
  .main .view-form-panel .view-form-body {
    padding: 0 0.8rem 0.8rem 0.8rem;
  }
}
.main .view-form-panel span, .main .view-form-panel .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel span::after, .main .view-form-panel .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .view-form-panel span::before {
  opacity: 0.5;
}
.main .view-form-panel .tree-tab .tabs-trigger {
  display: block;
  margin: 1.5rem 0 0.5rem 0;
}
.main .card {
  background-color: #222325;
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  padding: 1rem;
  border-radius: 7px;
}
@media (max-width: 576px) {
  .main .card {
    padding: 0.8rem 0.2rem;
  }
}
.main .action-item-form .row {
  padding-right: 10px;
}
@media (max-width: 767.68px) {
  .main .action-item-form .row .columns.text-right .btn.modal-trigger {
    display: none;
  }
}
.main .action-item-form .row .association-hide {
  display: none;
}
@media (max-width: 576px) {
  .main .action-item-form .row {
    padding-right: 6px;
  }
}
.main .append-row {
  position: relative;
  margin-bottom: 1rem;
}
@media (min-width: 991px) and (max-width: 1440px) {
  .main .append-row input:focus ~ .parsley-error.filled {
    background: none;
    border: 0;
  }
  .main .append-row input:focus ~ .parsley-error.filled .parsley-required {
    display: none;
  }
}
.main .append-row .parsley-error {
  bottom: -15px;
  white-space: nowrap;
  font-size: 14px;
}
@media (min-width: 991px) and (max-width: 1440px) {
  .main .append-row .parsley-error.filled {
    border-radius: 4px;
    height: 51px;
    border: 1px solid #E32027;
    width: 100%;
    position: absolute;
    bottom: 6px;
    white-space: normal;
    background: #222325;
    z-index: 99;
    font-size: 13px;
    display: flex;
    align-items: center;
    pointer-events: none;
  }
  .main .append-row .parsley-error.filled .parsley-required {
    margin-left: 8px;
    display: block;
  }
}
.main .append-row > .row {
  position: relative;
  left: -4px;
  margin: 0;
}
@media (max-width: 1024.56px) {
  .main .append-row > .row {
    background-color: #222325;
    border: 1px solid rgba(255, 255, 255, 0.0705882353);
    padding: 0.5rem;
    border-radius: 7px;
    margin-bottom: 1rem;
    position: relative;
    max-width: calc(100% - 50px);
    left: inherit;
  }
  .main .append-row > .row .columns {
    padding-right: 0;
  }
  .main .append-row > .row .columns.medium-1 {
    position: absolute;
    top: 0;
    right: -45px;
    width: auto;
  }
}
@media (max-width: 1440px) {
  .main .append-row > .row .columns {
    padding: 0 5px;
  }
}
@media (max-width: 576px) {
  .main .append-row > .row .columns label, .main .append-row > .row .template-flex .flex .columns label input, .main .template-flex .flex .append-row > .row .columns label input,
  .main .append-row > .row .template-flex .flex .columns label select,
  .main .template-flex .flex .append-row > .row .columns label select {
    margin-bottom: 0.8rem;
  }
}
.main .append-row > .row:last-child button::before {
  display: none;
}
.main .append-row.button-line .button::after {
  content: "";
  width: 40%;
  height: 2px;
  position: absolute;
  display: block;
  top: 50%;
  right: -21px;
  pointer-events: none;
  background: #535353;
}
@media (max-width: 1024.56px) {
  .main .append-row.button-line .button::after {
    width: 12px;
    right: -12px;
  }
}
.main .append-row.button-line .button::before {
  content: "";
  height: 100px;
  width: 2px;
  position: absolute;
  display: block;
  background: #535353;
  top: 50%;
  right: -21px;
  pointer-events: none;
}
@media (max-width: 1024.56px) {
  .main .append-row.button-line .button::before {
    height: 218px;
    right: -12px;
  }
}
@media (max-width: 576px) {
  .main .append-row.button-line .button::before {
    height: 517px;
  }
}
.main .append-row .button {
  margin-top: 28px;
  height: 50px;
  padding: 0 19px;
  position: relative;
}
@media (max-width: 1024.56px) {
  .main .append-row .button {
    height: 30px;
    width: 30px;
    padding: 0;
    margin: 0;
  }
}
.main .append-row select,
.main .append-row input {
  margin-bottom: 0;
}
.main .switcher .selected-row {
  display: flex;
}
.main .switcher .selected-row .checkbox-section {
  min-width: 220px;
  position: relative;
  top: -6px;
}
.main .switcher .selected-row .checkbox-section .checkbox-wrapper {
  justify-content: flex-start;
  margin: 0;
  min-height: 50px;
  align-items: center;
}
.main .switcher .selected-row .checkbox-section .checkbox-wrapper label, .main .switcher .selected-row .checkbox-section .checkbox-wrapper .template-flex .flex .columns label input, .main .template-flex .flex .columns label .switcher .selected-row .checkbox-section .checkbox-wrapper input,
.main .switcher .selected-row .checkbox-section .checkbox-wrapper .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .switcher .selected-row .checkbox-section .checkbox-wrapper select {
  margin: 0 8px;
  --size: 44px;
}
.main .switcher .selected-row .selected-box {
  width: 100%;
}
.main .template-flex {
  background: rgba(0, 0, 0, 0.6509803922);
  padding: 1rem;
  border-radius: 7px;
  margin-bottom: 2rem;
}
.main .template-flex .ui-sortable {
  max-height: calc(100vh - 270px);
  overflow-y: auto;
}
.main .template-flex .ui-sortable.group-sortable .ui-sortable {
  max-height: inherit;
  overflow-y: inherit;
}
.main .template-flex.seperated-section {
  padding: 0;
  margin-bottom: 1rem;
}
.main .template-flex.seperated-section .medium-hide {
  display: none;
}
.main .template-flex.seperated-section .group-sortable-body {
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 1024.56px) {
  .main .template-flex.seperated-section .group-sortable-body {
    padding: 0;
  }
}
.main .template-flex.seperated-section .group-sortable-body h3 {
  color: #DDDDDD;
  margin: 0 0 0.8rem 0;
  font-size: 1.4rem;
}
.main .template-flex.seperated-section .group-sortable-body .medium-hide {
  display: block;
  margin-bottom: 1rem;
}
@media (max-width: 1024.56px) {
  .main .template-flex.seperated-section .group-sortable-body .medium-hide {
    display: none;
  }
}
@media (max-width: 1024.56px) {
  .main .template-flex {
    background: no-repeat;
    padding: 0;
  }
}
.main .template-flex .portlet-placeholder {
  height: 50px;
  margin: 10px 0;
  border-radius: 7px;
  position: relative;
}
.main .template-flex .portlet-placeholder::before {
  content: "";
  position: absolute;
  border: 2px dashed #666666;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.main .template-flex .sortable-body .sort-section {
  display: flex;
}
.main .template-flex .sortable-body .sort-section label, .main .template-flex .sortable-body .sort-section .flex .columns label input, .main .template-flex .flex .columns label .sortable-body .sort-section input,
.main .template-flex .sortable-body .sort-section .flex .columns label select,
.main .template-flex .flex .columns label .sortable-body .sort-section select {
  width: 100%;
}
.main .template-flex .sortable-body .sort-section .sortable-trigger {
  display: flex;
  align-items: center;
  cursor: move;
  position: relative;
  left: -7px;
}
@media (max-width: 991px) {
  .main .template-flex .sortable-body .sort-section .sortable-trigger {
    display: none;
  }
}
.main .template-flex .sortable-body .sort-section .sortable-trigger span, .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger span::before {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  position: relative;
  background-color: #444444;
  display: inline-flex;
  margin: 0 5px 0 0;
  transition: 0.5s;
}
.main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger span::before {
  content: "";
  position: absolute;
  top: -15px;
}
.main .template-flex .sortable-body .sort-section .sortable-trigger span::after {
  top: 15px;
}
.main .template-flex .sortable-body .sort-section .sortable-trigger:hover span, .main .template-flex .sortable-body .sort-section .sortable-trigger:hover span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger:hover span::before {
  background-color: #EEEEEE;
}
.main .template-flex .sortable-body.ui-sortable-helper {
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  background: rgba(0, 0, 0, 0.6509803922);
  border-radius: 7px;
}
.main .template-flex .flex {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
  width: 100%;
}
.main .template-flex .flex.medium-hide {
  margin: 0;
}
.main .template-flex .flex.medium-hide > .columns:first-child label, .main .template-flex .flex.medium-hide > .columns:first-child .columns label input,
.main .template-flex .flex.medium-hide > .columns:first-child .columns label select {
  margin-left: 26px;
}
@media (max-width: 1024.56px) {
  .main .template-flex .flex.medium-hide {
    display: none;
  }
}
.main .template-flex .flex.medium-hide label, .main .template-flex .flex.medium-hide .columns label input,
.main .template-flex .flex.medium-hide .columns label select {
  padding: 0;
}
@media (max-width: 1024.56px) {
  .main .template-flex .flex {
    background: rgba(0, 0, 0, 0.6509803922);
    padding: 0.8rem;
    border-radius: 7px;
    margin-bottom: 1rem;
  }
}
@media (max-width: 576px) {
  .main .template-flex .flex {
    padding: 0.8rem 0.2rem;
  }
}
.main .template-flex .flex .columns {
  padding: 0 10px;
}
.main .template-flex .flex .columns label, .main .template-flex .flex .columns label input,
.main .template-flex .flex .columns label select {
  margin-bottom: 0;
}
@media (max-width: 1024.56px) {
  .main .template-flex .flex .columns label, .main .template-flex .flex .columns label input,
  .main .template-flex .flex .columns label select {
    margin-bottom: 0.2rem;
  }
}
.main .template-flex .flex .columns label span.predecesor-label, .main .template-flex .flex .columns label .sortable-body .sort-section .sortable-trigger span.predecesor-label::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label span.predecesor-label::after, .main .template-flex .flex .columns label .sortable-body .sort-section .sortable-trigger span.predecesor-label::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label span.predecesor-label::before {
  display: none;
}
@media (max-width: 1024.56px) {
  .main .template-flex .flex .columns label span.predecesor-label, .main .template-flex .flex .columns label .sortable-body .sort-section .sortable-trigger span.predecesor-label::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label span.predecesor-label::after, .main .template-flex .flex .columns label .sortable-body .sort-section .sortable-trigger span.predecesor-label::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label span.predecesor-label::before {
    display: block;
  }
}
.main .template-flex .flex .columns .select-icon::after {
  top: 22px;
  right: 10px;
}
@media (max-width: 1024.56px) {
  .main .template-flex .flex .columns .select-icon::after {
    top: 44px;
  }
}
.main .template-flex .flex .columns .select-icon select {
  padding-right: 27px;
}
.main .template-flex .flex .columns .parsley-error {
  position: static;
}
.main .template-flex .flex:last-child {
  margin-bottom: 0;
}
.main .freeze-section.both-btn .button {
  margin-bottom: 1rem;
}
.main .parsley-error {
  color: #E32027;
  position: absolute;
  bottom: -1px;
}
.main .details-form {
  color: #FFFFFF;
}
@media (max-width: 576px) {
  .main .details-form {
    padding-bottom: 7rem;
  }
}
.main .details-form .list-column {
  margin-bottom: 2.5rem;
}
@media (max-width: 576px) {
  .main .details-form .list-column {
    margin-bottom: 1rem;
  }
}
.main .details-form .list-column span, .main .details-form .list-column .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .details-form .list-column span::after, .main .details-form .list-column .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .details-form .list-column span::before {
  font-size: 0.94rem;
  display: block;
  opacity: 0.5;
}
.main .details-form .list-column strong {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 24px;
  opacity: 0.9;
}
@media (max-width: 1280px) {
  .main .details-form .list-column strong {
    font-size: 1rem;
  }
}
.main .details-form .card-panel .form-height {
  max-height: calc(100vh - 264px);
  min-height: calc(100vh - 264px);
  overflow-y: auto;
}
@media (max-width: 991px) {
  .main .details-form .card-panel .form-height {
    max-height: calc(100vh - 284px);
    min-height: inherit;
    margin-bottom: 11px;
  }
}
@media (max-width: 576px) {
  .main .details-form .card-panel .form-height {
    max-height: inherit;
  }
}
@media (max-width: 1280px) {
  .main .details-form .card-panel .form-height .w-6 {
    flex: 0 0 60%;
  }
}
@media (max-width: 991px) {
  .main .details-form .card-panel .form-height .w-6 {
    flex: 0 0 100%;
  }
}
@media (max-width: 1280px) {
  .main .details-form .card-panel .form-height .w-3 {
    flex: 0 0 40%;
  }
}
@media (max-width: 991px) {
  .main .details-form .card-panel .form-height .w-3 {
    flex: 0 0 100%;
  }
}
.main .details-form .card-panel .card {
  padding: 0;
  margin-bottom: 0.8rem;
}
.main .details-form .card-panel .card span.sub-heading, .main .details-form .card-panel .card .template-flex .sortable-body .sort-section .sortable-trigger span.sub-heading::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .details-form .card-panel .card span.sub-heading::after, .main .details-form .card-panel .card .template-flex .sortable-body .sort-section .sortable-trigger span.sub-heading::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .details-form .card-panel .card span.sub-heading::before {
  opacity: 0.5;
  font-weight: 300;
  font-size: 0.95rem;
}
.main .details-form .card-panel .card h5 {
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 2px;
  color: #DDDDDD;
  padding: 0.2rem 0;
  font-size: 1rem;
}
.main .details-form .card-panel .card label select, .main .details-form .card-panel .card .template-flex .flex .columns label input select, .main .template-flex .flex .columns label .details-form .card-panel .card input select,
.main .details-form .card-panel .card .template-flex .flex .columns label select select,
.main .template-flex .flex .columns label .details-form .card-panel .card select select {
  margin-bottom: 0;
}
.main .details-form .card-panel .card.card-sticky {
  position: sticky;
  top: 0;
  margin: 0;
}
.main .details-form .card-panel .card.group-card .accordion-panel {
  position: relative;
}
.main .details-form .card-panel .card.group-card .accordion-panel .accordion-header {
  width: 100%;
  position: absolute;
  right: 0;
  top: 7px;
  height: 35px;
}
@media (max-width: 1280px) {
  .main .details-form .card-panel .card.group-card .accordion-panel .actionuser {
    flex: 0 0 100%;
  }
}
.main .details-form .card-panel .card.group-card .accordion-panel .actiongrp {
  max-width: 630px;
  position: relative;
  z-index: 1;
  margin-left: 13px;
  padding: 0.5rem 0;
}
@media (max-width: 1280px) {
  .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp {
    max-width: 460px;
  }
}
@media (max-width: 991px) {
  .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp {
    max-width: 550px;
  }
}
@media (max-width: 576px) {
  .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp {
    max-width: calc(100% - 70px);
  }
}
.main .details-form .card-panel .card.group-card .accordion-panel .actiongrp label, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label input, .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input,
.main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
@media (max-width: 576px) {
  .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp label, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label input, .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input,
  .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label select,
  .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select {
    display: block;
  }
}
.main .details-form .card-panel .card.group-card .accordion-panel .actiongrp label span, .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input span,
.main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select span, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp label .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .details-form .card-panel .card.group-card .accordion-panel .actiongrp label span::after, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label input .sortable-body .sort-section .sortable-trigger span::after, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label input span::after, .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input span::after,
.main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label select .sortable-body .sort-section .sortable-trigger span::after,
.main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label select span::after,
.main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select .sortable-body .sort-section .sortable-trigger span::after,
.main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select span::after, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp label .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .details-form .card-panel .card.group-card .accordion-panel .actiongrp label span::before, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label input .sortable-body .sort-section .sortable-trigger span::before, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label input span::before, .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input span::before,
.main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label select .sortable-body .sort-section .sortable-trigger span::before,
.main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label select span::before,
.main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select .sortable-body .sort-section .sortable-trigger span::before,
.main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select span::before {
  min-width: 230px;
  margin-right: 11px;
}
@media (max-width: 576px) {
  .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp label span, .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input span,
  .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select span, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp label .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .details-form .card-panel .card.group-card .accordion-panel .actiongrp label span::after, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label input .sortable-body .sort-section .sortable-trigger span::after, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label input span::after, .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input span::after,
  .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label select .sortable-body .sort-section .sortable-trigger span::after,
  .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label select span::after,
  .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select .sortable-body .sort-section .sortable-trigger span::after,
  .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select span::after, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp label .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .details-form .card-panel .card.group-card .accordion-panel .actiongrp label span::before, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label input .sortable-body .sort-section .sortable-trigger span::before, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label input span::before, .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input span::before,
  .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label select .sortable-body .sort-section .sortable-trigger span::before,
  .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label select span::before,
  .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select .sortable-body .sort-section .sortable-trigger span::before,
  .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select span::before {
    margin-bottom: 6px;
    display: block;
    font-size: 0.86rem;
  }
}
.main .details-form .card-panel .card.group-card .accordion-panel .actiongrp label select, .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input select,
.main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select select {
  height: 40px;
  margin: 0;
}
.main .details-form .card-panel .card.group-card .accordion-panel .actiongrp label.select-icon::after, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label input.select-icon::after, .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input.select-icon::after,
.main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label select.select-icon::after,
.main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select.select-icon::after {
  top: 12px;
}
@media (max-width: 576px) {
  .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp label.select-icon::after, .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label input.select-icon::after, .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp input.select-icon::after,
  .main .details-form .card-panel .card.group-card .accordion-panel .actiongrp .template-flex .flex .columns label select.select-icon::after,
  .main .template-flex .flex .columns label .details-form .card-panel .card.group-card .accordion-panel .actiongrp select.select-icon::after {
    top: inherit;
    bottom: 8px;
  }
}
.main .flex-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px 0 -10px;
}
.main .flex-row .flex-column {
  flex: 0 0 100%;
  padding: 0 10px;
  float: none;
}
.main .flex-row .flex-column.w-4 {
  flex: 0 0 25%;
}
@media (max-width: 991px) {
  .main .flex-row .flex-column.w-4 {
    flex: 0 0 33%;
  }
}
@media (max-width: 576px) {
  .main .flex-row .flex-column.w-4 {
    flex: 0 0 50%;
  }
}
@media (max-width: 430px) {
  .main .flex-row .flex-column.w-4 {
    flex: 0 0 100%;
  }
}
.main .flex-row .flex-column.w-6 {
  flex: 0 0 66%;
}
@media (max-width: 430px) {
  .main .flex-row .flex-column.w-6 {
    flex: 0 0 100%;
  }
}
.main .flex-row .flex-column.w-3 {
  flex: 0 0 33.3%;
}
@media (max-width: 576px) {
  .main .flex-row .flex-column.w-3 {
    flex: 0 0 50%;
  }
}
@media (max-width: 430px) {
  .main .flex-row .flex-column.w-3 {
    flex: 0 0 100%;
  }
}
.main .flex-row .flex-column.w-2 {
  flex: 0 0 50%;
}
@media (max-width: 430px) {
  .main .flex-row .flex-column.w-2 {
    flex: 0 0 100%;
  }
}
.main .tabs-section ul.tabs-list {
  white-space: nowrap;
  overflow-x: auto;
  margin-left: 0.1rem;
}
.main .tabs-section ul.tabs-list li.tab-title {
  margin-left: 0;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  display: inline-block;
  float: none;
  padding-bottom: 0.25rem;
  position: relative;
  cursor: pointer;
}
.main .tabs-section ul.tabs-list li.tab-title.active a {
  color: #FFFFFF;
}
.main .tabs-section ul.tabs-list li.tab-title.active .icon-badge {
  color: #FFFFFF;
}
.main .tabs-section ul.tabs-list li.tab-title.active::after {
  background: #80B602;
}
.main .tabs-section ul.tabs-list li.tab-title.active .icon-badge .badges {
  background: #80B602;
}
.main .tabs-section ul.tabs-list li.tab-title a {
  min-width: 2rem;
  text-align: center;
  font-size: 0.75rem;
  color: #999999;
}
.main .tabs-section ul.tabs-list li.tab-title a span, .main .tabs-section ul.tabs-list li.tab-title a .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .tabs-section ul.tabs-list li.tab-title a span::after, .main .tabs-section ul.tabs-list li.tab-title a .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .tabs-section ul.tabs-list li.tab-title a span::before {
  opacity: 1;
}
.main .tabs-section ul.tabs-list li.tab-title a .icon-badge {
  display: inline-block;
  margin: 0 auto 0.25rem;
  position: relative;
}
.main .tabs-section ul.tabs-list li.tab-title a .icon-badge .badges {
  position: absolute;
  right: -18px;
  top: -13px;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(153, 153, 153, 0.3098039216);
  border-radius: 100%;
  font-size: 0.7rem;
}
.main .tabs-section ul.tabs-list li.tab-title a .text {
  display: block;
}
.main .tabs-section ul.tabs-list li.tab-title::after {
  content: "";
  display: block;
  margin: 0.25rem auto 0;
  width: 1.5rem;
  max-width: 100%;
  height: 3px;
  border-radius: 10px;
  background: transparent;
}
.main .tabs-section .tabs-content {
  margin-bottom: 0;
}
.main .tabs-section .tabs-content section {
  padding: 0;
  float: none;
  position: relative;
}
.main .tabs-section .tabs-content section ul.desc-list {
  padding-left: 1.5rem;
  list-style: auto;
}
.main .tabs-section .tabs-content section ul.desc-list li {
  font-size: 0.95rem;
  opacity: 0.9;
  margin: 0.5rem 0;
}
.main .accordion-panel .accordion-header {
  position: relative;
  cursor: pointer;
  padding: 0.5rem;
}
.main .accordion-panel .accordion-header .accordion-icon {
  position: absolute;
  right: 14px;
  color: #FFFFFF;
  opacity: 0.6;
  font-size: 1.2rem;
  transition: 0.5s;
  top: 7px;
}
.main .accordion-panel .accordion-header:hover .accordion-icon {
  opacity: 1;
}
.main .accordion-panel .accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: 0.5s;
}
.main .accordion-panel.open-accordion .accordion-header .accordion-icon {
  transform: rotate(90deg);
}
.main .accordion-panel.open-accordion .accordion-body {
  max-height: 300px;
  overflow-y: auto;
  padding: 0.95rem;
  transition: 0.5s;
  background-color: rgba(255, 255, 255, 0.0705882353);
}
@media (max-width: 576px) {
  .main .accordion-panel.open-accordion .accordion-body .flex-column label span, .main .template-flex .flex .columns label .accordion-panel.open-accordion .accordion-body .flex-column input span,
  .main .template-flex .flex .columns label .accordion-panel.open-accordion .accordion-body .flex-column select span, .main .accordion-panel.open-accordion .accordion-body .flex-column label .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .accordion-panel.open-accordion .accordion-body .flex-column label span::after, .main .accordion-panel.open-accordion .accordion-body .flex-column .template-flex .flex .columns label input .sortable-body .sort-section .sortable-trigger span::after, .main .accordion-panel.open-accordion .accordion-body .flex-column .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label input span::after, .main .template-flex .flex .columns label .accordion-panel.open-accordion .accordion-body .flex-column input .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label .accordion-panel.open-accordion .accordion-body .flex-column input span::after,
  .main .accordion-panel.open-accordion .accordion-body .flex-column .template-flex .flex .columns label select .sortable-body .sort-section .sortable-trigger span::after,
  .main .accordion-panel.open-accordion .accordion-body .flex-column .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label select span::after,
  .main .template-flex .flex .columns label .accordion-panel.open-accordion .accordion-body .flex-column select .sortable-body .sort-section .sortable-trigger span::after,
  .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label .accordion-panel.open-accordion .accordion-body .flex-column select span::after, .main .accordion-panel.open-accordion .accordion-body .flex-column label .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .accordion-panel.open-accordion .accordion-body .flex-column label span::before, .main .accordion-panel.open-accordion .accordion-body .flex-column .template-flex .flex .columns label input .sortable-body .sort-section .sortable-trigger span::before, .main .accordion-panel.open-accordion .accordion-body .flex-column .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label input span::before, .main .template-flex .flex .columns label .accordion-panel.open-accordion .accordion-body .flex-column input .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label .accordion-panel.open-accordion .accordion-body .flex-column input span::before,
  .main .accordion-panel.open-accordion .accordion-body .flex-column .template-flex .flex .columns label select .sortable-body .sort-section .sortable-trigger span::before,
  .main .accordion-panel.open-accordion .accordion-body .flex-column .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label select span::before,
  .main .template-flex .flex .columns label .accordion-panel.open-accordion .accordion-body .flex-column select .sortable-body .sort-section .sortable-trigger span::before,
  .main .template-flex .sortable-body .sort-section .sortable-trigger .flex .columns label .accordion-panel.open-accordion .accordion-body .flex-column select span::before {
    font-size: 0.85rem;
  }
}
.main .accordion-panel.open-accordion.independant .accordion-body {
  max-height: calc(100vh - 320px);
}
.main .expand-preview .tabs-section .tabs-btn-panel {
  display: flex;
  justify-content: space-between;
}
.main .expand-preview .tabs-section .tabs-btn-panel ul.tabs-list {
  width: 100%;
  max-width: calc(100% - 280px);
}
@media (max-width: 576px) {
  .main .expand-preview .tabs-section .tabs-btn-panel ul.tabs-list {
    max-width: inherit;
  }
}
.main .expand-preview .tabs-btns {
  display: flex;
  position: absolute;
  right: 0;
  top: -45px;
  z-index: 9;
}
@media (max-width: 576px) {
  .main .expand-preview .tabs-btns {
    position: static;
    justify-content: end;
  }
}
.main .expand-preview .tabs-btns a {
  color: #FFFFFF;
  border-radius: 0;
  font-size: 0.9rem;
  margin-bottom: 0.2rem;
  padding: 0.5rem 1.25rem;
  height: -moz-fit-content;
  height: fit-content;
}
.main .expand-preview .tabs-btns a:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.main .expand-preview .tabs-btns a:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.main .expand-preview .tabs-btns a.active {
  background-color: #80B602;
}
.main .expand-preview .table-preview,
.main .expand-preview .list-preview {
  display: none;
}
.main .expand-preview .table-preview.show-panel,
.main .expand-preview .list-preview.show-panel {
  display: block;
}
.main .expand-preview .list-preview {
  max-height: calc(100vh - 150px);
  overflow-y: auto;
}
.main .expand-preview .list-preview a.preview-collapse-trigger {
  color: #FFFFFF;
  font-size: 0.95rem;
  margin: 15px 0 7px 2px;
}
.main .expand-preview .list-preview a.preview-collapse-trigger i {
  margin-right: 3px;
}
.main .has-switcher {
  display: flex;
}
.main .has-switcher .checkbox-section {
  display: flex;
}
.main .has-switcher .checkbox-section .checkbox-wrapper {
  margin: 0;
}
.main .has-switcher .checkbox-section .checkbox-wrapper label, .main .has-switcher .checkbox-section .checkbox-wrapper .template-flex .flex .columns label input, .main .template-flex .flex .columns label .has-switcher .checkbox-section .checkbox-wrapper input,
.main .has-switcher .checkbox-section .checkbox-wrapper .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .has-switcher .checkbox-section .checkbox-wrapper select {
  --size: 40px;
}
.main .action-tooltip {
  position: relative;
}
.main .action-tooltip:hover::after, .main .action-tooltip:hover::before {
  display: block;
  pointer-events: none;
}
.main .action-tooltip::after {
  content: attr(data-tooltips);
  display: none;
  text-align: center;
  position: absolute;
  background: #222325;
  padding: 5px 10px;
  top: -37px;
  font-size: 0.75rem;
  color: #FFFFFF;
  border-radius: 3px;
  left: 50%;
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  min-width: -moz-max-content;
  min-width: max-content;
  transform: translateX(-50%);
}
.main .action-tooltip::before {
  display: none;
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background: #222325;
  top: -9px;
  rotate: 45deg;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  border-width: 0 1px 1px 0;
  z-index: 1;
}
.main .dropable-section {
  color: #FFFFFF;
}
.main .dropable-section h5 {
  color: #FFFFFF;
  margin-top: 2.7rem;
}
@media (max-width: 767.68px) {
  .main .dropable-section h5 {
    margin-top: 0;
  }
}
.main .dropable-section label select, .main .dropable-section .template-flex .flex .columns label input select, .main .template-flex .flex .columns label .dropable-section input select,
.main .dropable-section .template-flex .flex .columns label select select,
.main .template-flex .flex .columns label .dropable-section select select {
  margin: 0;
  height: 40px;
}
.main .dropable-section label::after, .main .dropable-section .template-flex .flex .columns label input::after, .main .template-flex .flex .columns label .dropable-section input::after,
.main .dropable-section .template-flex .flex .columns label select::after,
.main .template-flex .flex .columns label .dropable-section select::after {
  top: 33px;
}
@media (max-width: 767.68px) {
  .main .dropable-section .flex-row {
    flex-wrap: wrap;
  }
}
.main .dropable-section .flex-row .flex-column {
  width: 10%;
  flex: none;
}
.main .dropable-section .flex-row .flex-column.w-2 {
  width: 45%;
  flex: none;
}
@media (max-width: 767.68px) {
  .main .dropable-section .flex-row .flex-column:last-child {
    width: 90%;
  }
}
@media (max-width: 767.68px) {
  .main .dropable-section .flex-row .flex-column:first-child {
    width: 100%;
    order: 3;
  }
}
@media (max-width: 767.68px) {
  .main .dropable-section .flex-row .flex-column:nth-child(2) {
    order: 2;
  }
}
.main .dropable-section .flex-row .flex-column .subject-info-box select {
  height: auto;
  min-height: 290px;
}
.main .dropable-section .flex-row .flex-column .subject-info-box select.card {
  padding: 0.8rem;
}
.main .dropable-section .flex-row .flex-column .subject-info-box select option {
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.1490196078);
  margin-bottom: 0.2rem;
  position: relative;
  left: 3px;
  border-radius: 2px;
  white-space: normal;
}
.main .dropable-section .flex-row .flex-column .subject-info-box select option:checked {
  background-color: #59a6bd;
}
.main .dropable-section .flex-row .flex-column .subject-info-box select[multiple]:focus option:checked {
  background: #59a6bd linear-gradient(0deg, #59a6bd 0%, #59a6bd 100%);
}
.main .dropable-section .flex-row .flex-column .subject-info-arrows {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 5.2rem;
}
@media (max-width: 767.68px) {
  .main .dropable-section .flex-row .flex-column .subject-info-arrows {
    margin-top: 1.4rem;
  }
}
.main .dropable-section .flex-row .flex-column .subject-info-arrows button.button {
  padding: 0;
  height: 3rem;
  width: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.main .dropable-section .flex-row .flex-column .subject-info-arrows button.button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.main .progress-wrapper {
  min-width: 200px;
  min-height: 34px;
  display: flex;
  align-items: flex-end;
  padding: 0 0.8rem;
}
.main .progress-wrapper .iq-progress-bar {
  background: #464646;
  box-shadow: 0 0 0;
  height: 6px;
  margin: 0;
  position: relative;
  width: 100%;
  border-radius: 5px;
}
.main .progress-wrapper .iq-progress-bar.inProgressWarn .badge {
  background: linear-gradient(45deg, rgb(227, 114, 0), #80B602);
}
.main .progress-wrapper .iq-progress-bar.inProgressScs .badge {
  background: linear-gradient(45deg, rgb(227, 114, 0), #80B602);
}
.main .progress-wrapper .iq-progress-bar.delayed .badge {
  background: linear-gradient(45deg, #E32027, #E32027);
}
.main .progress-wrapper .iq-progress-bar.delayed .badge .progress-text {
  right: -26px;
}
.main .progress-wrapper .iq-progress-bar.inProgressCmplt .badge {
  background: linear-gradient(45deg, rgb(227, 114, 0), #80B602, #59a6bd);
}
.main .progress-wrapper .iq-progress-bar.completed .badge {
  background: linear-gradient(45deg, #80B602, #59a6bd);
}
.main .progress-wrapper .iq-progress-bar.pending .badge {
  width: 3px;
}
.main .progress-wrapper .iq-progress-bar span, .main .progress-wrapper .iq-progress-bar .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .progress-wrapper .iq-progress-bar span::after, .main .progress-wrapper .iq-progress-bar .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .progress-wrapper .iq-progress-bar span::before {
  position: relative;
  display: block;
  height: 100%;
  width: 0;
  border-radius: 5px;
  transition: width 2s ease 0s;
}
.main .progress-wrapper .iq-progress-bar span.progress-text, .main .progress-wrapper .iq-progress-bar .template-flex .sortable-body .sort-section .sortable-trigger span.progress-text::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .progress-wrapper .iq-progress-bar span.progress-text::after, .main .progress-wrapper .iq-progress-bar .template-flex .sortable-body .sort-section .sortable-trigger span.progress-text::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .progress-wrapper .iq-progress-bar span.progress-text::before {
  position: absolute;
  right: -18px;
  top: -24px;
  font-size: 13px;
  text-align: center;
  background: #222325;
  padding: 0 8px;
  font-size: 10px;
  color: #FFFFFF;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  min-width: 39px;
  height: auto;
  width: 100%;
  max-width: -moz-max-content;
  max-width: max-content;
}
.main .progress-wrapper .iq-progress-bar span.progress-text::after, .main .progress-wrapper .iq-progress-bar .template-flex .sortable-body .sort-section .sortable-trigger span.progress-text::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .progress-wrapper .iq-progress-bar span.progress-text::after {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  background: #222325;
  bottom: -6px;
  rotate: 45deg;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  border-width: 0 1px 1px 0;
  z-index: 1;
}
.main .outer-modal {
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100vh;
  width: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7294117647);
  justify-content: center;
  display: none;
  padding: 1rem;
  align-items: flex-start;
}
.main .outer-modal .modal {
  background-color: #131313;
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  z-index: 9;
  width: 100%;
  max-width: 1400px;
  border-radius: 6px;
  transform: translateY(-900px);
  margin-top: 3rem;
  transition: 0.5s;
  min-height: 460px;
}
.main .outer-modal .modal .modal-header {
  padding: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.0705882353);
}
.main .outer-modal .modal .modal-header h4 {
  color: #DDDDDD;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 400;
}
.main .outer-modal .modal .modal-header a i {
  color: #FFFFFF;
  opacity: 0.3;
  font-size: 1.1rem;
}
.main .outer-modal .modal .modal-body {
  padding: 1rem;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.main .outer-modal .modal .modal-body .list-column {
  color: #FFFFFF;
}
.main .outer-modal .modal .modal-body .list-column span, .main .outer-modal .modal .modal-body .list-column .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .outer-modal .modal .modal-body .list-column span::after, .main .outer-modal .modal .modal-body .list-column .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .outer-modal .modal .modal-body .list-column span::before {
  padding: 0;
  opacity: 0.6;
  display: block;
  font-size: 0.95rem;
}
.main .outer-modal .modal .modal-body .list-column strong {
  font-weight: 500;
}
.main .outer-modal .modal .modal-body .expand-preview .tabs-section .tabs-btn-panel {
  margin-top: 1.5rem;
}
.main .outer-modal .modal .modal-body .table-section {
  margin-bottom: 3rem;
}
.main .outer-modal.modal-show {
  display: flex;
}
.main .outer-modal.modal-show .modal {
  transform: none;
  transition: 0.5s;
}

.create-form-body .both-btn .primary-btn {
  margin-right: 8px;
}

.heiharchy .popover-menu {
  display: none;
}
.heiharchy ul {
  position: relative;
  padding-left: 0;
  margin: 0;
  display: none;
}
.heiharchy ul.main-list {
  display: block;
  margin-bottom: 1.2rem;
}
.heiharchy ul.main-list::before {
  display: none;
}
.heiharchy ul.main-list > li {
  padding-left: 1.5rem;
}
.heiharchy ul.main-list > li::after {
  display: none;
}
.heiharchy ul li {
  position: relative;
  border-left: 2px solid #666666;
  padding: 0.5rem 0 0 2rem;
}
.heiharchy ul li span, .heiharchy ul li .main .template-flex .sortable-body .sort-section .sortable-trigger span::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .heiharchy ul li span::after, .heiharchy ul li .main .template-flex .sortable-body .sort-section .sortable-trigger span::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .heiharchy ul li span::before {
  opacity: 1;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-left: 1rem;
  display: inline-block;
  font-size: 0.875rem;
  opacity: 0.9;
}
.heiharchy ul li span.icon-show, .heiharchy ul li .main .template-flex .sortable-body .sort-section .sortable-trigger span.icon-show::after, .main .template-flex .sortable-body .sort-section .sortable-trigger .heiharchy ul li span.icon-show::after, .heiharchy ul li .main .template-flex .sortable-body .sort-section .sortable-trigger span.icon-show::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .heiharchy ul li span.icon-show::before {
  white-space: nowrap;
  cursor: pointer;
}
.heiharchy ul li span.icon-show::before, .heiharchy ul li .main .template-flex .sortable-body .sort-section .sortable-trigger span.icon-show::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .heiharchy ul li span.icon-show::before {
  content: "+";
  position: absolute;
  left: -6px;
  display: block;
  top: 3px;
  font-size: 12px;
  font-family: FontAwesome;
  z-index: 6;
  height: 16px;
  width: 18px;
  background: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}
.heiharchy ul li span.rotate-icon.icon-show::before, .heiharchy ul li .main .template-flex .sortable-body .sort-section .sortable-trigger span.rotate-icon.icon-show::before, .main .template-flex .sortable-body .sort-section .sortable-trigger .heiharchy ul li span.rotate-icon.icon-show::before {
  content: "\f068";
}
.heiharchy ul li::after {
  content: "";
  height: 2px;
  position: absolute;
  left: 0px;
  top: 19px;
  width: 32px;
  display: block;
  background: #666666;
}
.heiharchy ul li.show > ul {
  display: block;
}
.heiharchy ul li:last-child {
  border-color: rgba(0, 0, 0, 0);
}
.heiharchy ul li:last-child ul li::before {
  content: "";
  position: absolute;
  left: -2px;
  top: -8px;
  background: #666666;
  width: 2px;
  height: 29px;
}

.login-bg {
  width: 100%;
  min-height: 100vh;
  color: #59a6bd;
  background: linear-gradient(45deg, black 0%, #45484d 100%);
  display: flex;
  justify-content: center;
}
.login-bg .login-wrapper {
  max-width: 30rem;
  margin: 7rem auto 0;
  padding: 2rem;
  width: 100%;
}
.login-bg .login-wrapper .logo {
  text-align: center;
}
.login-bg .login-wrapper .logo img {
  width: 100%;
  max-width: 420px;
}
.login-bg .login-wrapper form {
  margin-top: 3rem;
}
.login-bg .login-wrapper form .form {
  margin-bottom: 2rem;
}
.login-bg .login-wrapper form .form label, .login-bg .login-wrapper form .form .main .template-flex .flex .columns label input, .main .template-flex .flex .columns label .login-bg .login-wrapper form .form input,
.login-bg .login-wrapper form .form .main .template-flex .flex .columns label select,
.main .template-flex .flex .columns label .login-bg .login-wrapper form .form select {
  color: #59a6bd;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.login-bg .login-wrapper form .form input {
  border: 1px solid rgba(255, 255, 255, 0.22);
  background-color: rgba(255, 255, 255, 0.2);
  color: #DDDDDD;
  transition: 0.5s;
  border-radius: 4px;
  height: 50px;
  margin-top: 0.3rem;
  background-image: none;
}
.login-bg .login-wrapper form .form input:focus {
  border-color: #59a6bd;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
@media (max-width: 576px) {
  .login-bg .login-wrapper form .form input {
    margin-bottom: 0.8rem;
  }
}
.login-bg .login-wrapper form .button.alert {
  background-color: #E32027;
  border-color: #E32027;
  color: #FFFFFF;
  border-radius: 4px;
}
.login-bg .login-wrapper form .button.alert:hover {
  background-color: #b8171d;
}
@media (max-width: 576px) {
  .login-bg .login-wrapper {
    margin: 0;
    padding: 0.875rem;
  }
}
.login-bg a {
  color: #59a6bd;
}
@media (max-width: 576px) {
  .login-bg {
    align-items: center;
  }
}

span.invalid-feedback, .main .template-flex .sortable-body .sort-section .sortable-trigger span.invalid-feedback::after, .main .template-flex .sortable-body .sort-section .sortable-trigger span.invalid-feedback::before {
  display: none;
  color: #E32027;
  margin-top: 6px;
}/*# sourceMappingURL=login.css.map */