/**
 * File: style.less
 * Description: A main stylesheet for the project.
 * Author: GyGy
 * Created: 2024-08-23
 * Version: 1.0.0
 * 
 * Notes: This file contains the primary styles for the homepage and general layout.
 */
html .custom-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
html .custom-checkbox-wrapper .custom-checkbox {
  border: 2px solid #1e293b;
  appearance: none;
  -webkit-appearance: none;
  background-color: #ffffff;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
html .custom-checkbox-wrapper .custom-checkbox:checked {
  background-color: #1e293b;
}
html .custom-checkbox-wrapper .custom-checkbox:checked:after {
  display: block;
}
html .custom-checkbox-wrapper .custom-checkbox:after {
  content: '';
  position: absolute;
  display: none;
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
html .custom-checkbox-wrapper .custom-checkbox-label {
  font-size: 16px;
  cursor: pointer;
}
html .datepicker-dropdown {
  min-width: 300px;
}
html .datepicker-dropdown .table-condensed {
  min-width: 300px;
}
html .datepicker-dropdown .table-condensed tbody tr:hover td {
  background: #cccccc;
  border-radius: 0;
}
html .datepicker-dropdown .table-condensed tbody tr td:hover,
html .datepicker-dropdown .table-condensed tbody tr td.active {
  background: #1e293b;
  border-radius: 0;
  color: #ffffff;
}
html .datepicker-dropdown .table-condensed tbody tr td:hover:hover,
html .datepicker-dropdown .table-condensed tbody tr td.active:hover {
  background: #1e293b;
  border-radius: 0;
  color: #ffffff;
}
html input.form-control.datepicker {
  /* Override */
  padding-top: 7px !important;
  /* Override */
  /* Override */
  padding-bottom: 7px !important;
  /* Override */
}
html a:not(.btn) {
  color: #1e293b;
}
html a:not(.btn).no-decoration {
  text-decoration: none;
}
html .notifyjs-skylonblue-base {
  /* Override */
  padding-left: 30px !important;
  /* Override */
  /* Override */
  padding-right: 30px !important;
  /* Override */
  /* Override */
  border-radius: 8px !important;
  /* Override */
  /* Override */
  padding-top: 30px !important;
  /* Override */
  /* Override */
  padding-bottom: 15px !important;
  /* Override */
}
html [data-notify-text] {
  /* Override */
  color: #ffffff !important;
  /* Override */
}
html .notifyjs-skylonblue-base:before {
  content: '';
  width: 65px;
  height: 20px;
  background-image: url('/assets/img/skylon_small.png');
  position: absolute;
  top: 10px;
  left: 10px;
  background-size: 100%;
  background-repeat: no-repeat;
}
html .notifyjs-skylonblue-base:after {
  content: "\f2d3";
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  right: 10px;
  color: #fff;
}
html .navbar-brand {
  position: relative;
  left: -10px;
  top: 3px;
}
html .badge.bg-black {
  background: #000;
}
html .badge.bg-success {
  color: #fff !important;
}
html nav.navbar {
  /* Override */
  background-color: #1e293b !important;
  /* Override */
}
html nav.navbar a,
html nav.navbar p,
html nav.navbar span,
html nav.navbar button {
  /* Override */
  color: #ffffff !important;
  /* Override */
}
html nav.navbar .navbar-brand img {
  max-width: 160px;
}
html nav.navbar ul > li {
  margin-right: 15px;
}
html nav.navbar ul > li a {
  /* Override */
  padding-left: 15px !important;
  /* Override */
  /* Override */
  padding-right: 15px !important;
  /* Override */
}
html nav.navbar ul > li a.active {
  background-color: #F6F6F2;
  font-weight: 600;
  /* Override */
  color: #1e293b !important;
  /* Override */
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
}
html nav.navbar ul > li a.active:after {
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  top: 100%;
  background: #F6F6F2;
}
html .pagination .active > .page-link,
html .pagination .page-link.active {
  border-color: #1e293b;
  /* Override */
  background-color: #1e293b !important;
  /* Override */
}
html .btn.btn-primary,
html .btn.btn-primary:active {
  border-color: #1e293b;
  background-color: #1e293b;
}
html .container {
  max-width: 1630px;
}
@media all and (max-width: 1500px) {
  html .container {
    max-width: 1320px;
  }
}
html body {
  background-color: #F6F6F2;
}
html #main {
  min-height: calc(100vh - 162px);
  /* Font sizes */
}
html #main hr {
  border-color: #ececec;
  opacity: 1;
}
html #main .fw-800 {
  font-weight: 800;
}
html #main .fw-700 {
  font-weight: 700;
}
html #main .fw-600 {
  font-weight: 600;
}
html #main .fw-500 {
  font-weight: 500;
}
html #main .fw-400 {
  font-weight: 400;
}
html #main .fw-300 {
  font-weight: 300;
}
html #main .h-0 {
  height: 0%;
}
html #main .h-20 {
  height: 20%;
}
html #main .h-40 {
  height: 40%;
}
html #main .h-60 {
  height: 60%;
}
html #main .h-80 {
  height: 80%;
}
html #main .h-100 {
  height: 100%;
}
html #main .fs-10 {
  font-size: 10px;
}
html #main .fs-12 {
  font-size: 12px;
}
html #main .fs-14 {
  font-size: 14px;
}
html #main .fs-16 {
  font-size: 16px;
}
html #main .fs-18 {
  font-size: 18px;
}
html #main .fs-20 {
  font-size: 20px;
}
html #main .fs-22 {
  font-size: 22px;
}
html #main .fs-24 {
  font-size: 24px;
}
html #main .fs-26 {
  font-size: 26px;
}
html #main .fs-28 {
  font-size: 28px;
}
html #main .fs-30 {
  font-size: 30px;
}
html #main .fs-32 {
  font-size: 32px;
}
html #main .fs-34 {
  font-size: 34px;
}
html #main .fs-36 {
  font-size: 36px;
}
html #main .fs-38 {
  font-size: 38px;
}
html #main .fs-40 {
  font-size: 40px;
}
html #main .fs-42 {
  font-size: 42px;
}
html #main .fs-44 {
  font-size: 44px;
}
html #main .cursor-pointer {
  cursor: pointer;
}
html #main .disabled {
  opacity: 0.5;
}
html #main .border-separated {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  /* Override */
  padding-top: 15px !important;
  /* Override */
  /* Override */
  padding-bottom: 15px !important;
  /* Override */
}
html #main .attach-file {
  min-height: 100px;
  transition: all 0.3s;
  border: 1px dashed #cccccc;
  position: relative;
}
html #main .attach-file:hover {
  border: 1px dashed #0d6efd;
}
html #main .attach-file:before {
  content: attr(data-content);
  font-family: "FontAwesome";
  line-height: 100px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
html #main .attach-file.dragover {
  border: 1px dashed #df7401;
}
html #main .attach-file.selected {
  border: 1px dashed #198754;
}
html #main .attach-file[data-ext="txt"] {
  content: attr(data-content) "\f1c2";
}
html #main .attach-file[data-ext="doc"] {
  content: attr(data-content) "\f1c2";
}
html #main .attach-file[data-ext="docx"] {
  content: attr(data-content) "\f1c2";
}
html #main .attach-file[data-ext="csv"] {
  content: attr(data-content) "\f0ce";
}
html #main .attach-file[data-ext="xls"] {
  content: attr(data-content) "\f0ce";
}
html #main .attach-file[data-ext="xlsx"] {
  content: attr(data-content) "\f0ce";
}
html #main .attach-file[data-ext="jpg"] {
  content: attr(data-content) "\f0ce";
}
html #main .attach-file[data-ext="jpeg"] {
  content: attr(data-content) "\f0ce";
}
html #main .attach-file[data-ext="webp"] {
  content: attr(data-content) "\f0ce";
}
html #main .attach-file[data-ext="png"] {
  content: attr(data-content) "\f0ce";
}
html #main .attach-file[data-ext="gz"] {
  content: attr(data-content) "\f1c6";
}
html #main .attach-file[data-ext="rar"] {
  content: attr(data-content) "\f1c6";
}
html #main .attach-file[data-ext="zip"] {
  content: attr(data-content) "\f1c6";
}
html #main .attach-file[data-ext="pdf"] {
  content: attr(data-content) "\f1c1";
}
html #main .attach-file input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 11;
  cursor: pointer;
}
html #main .box {
  border: 1px solid #ececec;
  padding: 15px;
  border-radius: 8px;
  -webkit-box-shadow: 3px 3px 11px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 3px 3px 11px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 3px 3px 11px 0px rgba(168, 168, 168, 0.5);
  background-color: #fff;
  min-height: 70px;
}
html #main .box .title {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ececec;
  min-height: 70px;
}
html #main .box .title span {
  font-size: 18px;
  font-weight: 600;
}
html #main .box .body {
  font-size: 16px;
}
html #main .preview {
  margin-top: 35px;
}
html #main .preview.active {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px dashed #ececec;
}
html #main .preview a.revoke {
  display: none;
  position: relative;
}
html #main .preview a.revoke.show {
  display: block;
  z-index: 999;
  width: 100%;
  height: 100%;
}
html #main .preview a.revoke.show i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
html #main .preview:after {
  font-family: "FontAwesome";
  line-height: 15px;
  font-size: 20px;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 100%;
  height: 100%;
}
html #main .preview.preview-pdf {
  border-color: #dc3545;
}
html #main .preview.preview-pdf:after {
  content: "\f1c1";
  font-family: "FontAwesome";
  color: #dc3545;
}
html #main .preview.preview-csv,
html #main .preview.preview-xls,
html #main .preview.preview-xlsx {
  border-color: #198754;
}
html #main .preview.preview-csv:after,
html #main .preview.preview-xls:after,
html #main .preview.preview-xlsx:after {
  content: "\f0ce";
  font-family: "FontAwesome";
  color: #198754;
}
html #main .preview.preview-doc,
html #main .preview.preview-docx {
  border-color: #0d6efd;
}
html #main .preview.preview-doc:after,
html #main .preview.preview-docx:after {
  content: "\f1c2";
  font-family: "FontAwesome";
  color: #0d6efd;
}
html #main .preview.preview-archive {
  border-color: #ffc107;
}
html #main .preview.preview-archive:after {
  content: "\f1c6";
  font-family: "FontAwesome";
  color: #ffc107;
}
html #main .preview.preview-file {
  border-color: #0d6efd;
}
html #main .preview.preview-file:after {
  content: "\f15b";
  font-family: "FontAwesome";
  color: #0d6efd;
}
html #main .tox-tinymce.is-invalid {
  border-color: #dc3545;
}
html #main .dataTables_wrapper > div.row:first-child {
  /* Override */
  margin-top: 35px !important;
  /* Override */
  /* Override */
  margin-bottom: 35px !important;
  /* Override */
}
html #main .dataTables_wrapper a:not(.btn):not(.page-link) {
  color: #1e293b;
  text-decoration: none;
}
html #main .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0;
}
html #main .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  /* Override */
  border-color: transparent !important;
  /* Override */
  /* Override */
  background: transparent !important;
  /* Override */
}
html #main #task #attachments .attachment .title {
  padding-left: 30px;
  position: relative;
}
html #main #task #attachments .attachment .title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  font-size: 22px;
  background: transparent;
}
html #main #task #attachments .attachment .title.title-csv:before,
html #main #task #attachments .attachment .title.title-xls:before,
html #main #task #attachments .attachment .title.title-xlsx:before {
  content: "\f0ce";
  font-family: "FontAwesome";
  color: #198754;
}
html #main #task #attachments .attachment .title.title-doc:before,
html #main #task #attachments .attachment .title.title-docx:before {
  content: "\f1c2";
  font-family: "FontAwesome";
  color: #0d6efd;
}
html #main #task #attachments .attachment .title.title-html:before {
  content: "\f121";
  font-family: "FontAwesome";
  color: #0d6efd;
}
html #main #task #attachments .attachment .title.title-pdf:before {
  content: "\f1c1";
  font-family: "FontAwesome";
  color: #dc3545;
}
html #main #task #attachments .attachment .title.title-zip:before,
html #main #task #attachments .attachment .title.title-rar:before,
html #main #task #attachments .attachment .title.title-gz:before {
  content: "\f1c6";
  font-family: "FontAwesome";
  color: #0d6efd;
}
html #main #task #attachments .attachment .title.title-jpg:before,
html #main #task #attachments .attachment .title.title-jpeg:before,
html #main #task #attachments .attachment .title.title-png:before,
html #main #task #attachments .attachment .title.title-webp:before,
html #main #task #attachments .attachment .title.title-gif:before {
  content: "\f0ce";
  font-family: "FontAwesome";
  color: #ffc107;
}
html #main #task #attachments .attachment .title.title-file:before {
  content: "\f15b";
  font-family: "FontAwesome";
  color: #0d6efd;
}
html #main #task #comments #comment-list .comment {
  -webkit-box-shadow: 3px 3px 11px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 3px 3px 11px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 3px 3px 11px 0px rgba(168, 168, 168, 0.5);
  border-radius: 8px;
  overflow: hidden;
}
html #main #task #comments #comment-list .comment.actual .card {
  border: 1px dashed #198754;
}
html #main #task #comments #comment-list .comment:nth-child(even) .card {
  border-radius: 8px;
}
html #main #task #comments #comment-list .comment:nth-child(even) .card .card-body {
  background: #ececec;
}
html #main #task #comments #comment-list .comment.highlighted .card {
  border: 1px dashed #0d6efd;
  position: relative;
}
html #main #task #comments #comment-list .comment.highlighted .card:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #0d6efd;
  opacity: 0.2;
}
html table {
  border-radius: 16px;
  overflow: hidden;
  /* Override */
  border: 1px solid #ececec !important;
  /* Override */
}
html table.table {
  border-radius: 0;
}
html table thead tr th {
  /* Override */
  border: none !important;
  /* Override */
  /* Override */
  padding-top: 30px !important;
  /* Override */
  /* Override */
  padding-bottom: 30px !important;
  /* Override */
  font-size: 17px;
  font-family: "Open Sans", sans-serif;
}
html table tbody tr:hover td {
  background-color: #E0F1EB;
}
html table tbody tr td {
  /* Override */
  border: none !important;
  /* Override */
  /* Override */
  padding-top: 10px !important;
  /* Override */
  /* Override */
  padding-bottom: 10px !important;
  /* Override */
  font-family: "Open Sans", sans-serif;
}
html footer > div {
  /* Override */
  background-color: #1e293b !important;
  /* Override */
}
html footer > div .navbar-brand img {
  max-width: 160px;
}
/*# sourceMappingURL=style.css.map */