You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
387 lines
6.6 KiB
387 lines
6.6 KiB
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@import '~cropper/dist/cropper.css';
|
|
//@import "~flag-icons/sass/flag-icons.scss";
|
|
@import "~select2/dist/css/select2.css";
|
|
@import "~bootstrap-daterangepicker/daterangepicker.css";
|
|
//@import '~jquery-ui/themes/base/all.css';
|
|
|
|
// TAILWIND COLOR DEFINITION https://tailwindcss.com/docs/customizing-colors#using-css-variables
|
|
@layer base {
|
|
:root {
|
|
--color-primary-base: 46, 117, 163;
|
|
--color-primary-gradient: 156, 194, 218;
|
|
|
|
--color-secondary-base: 243, 126, 47;
|
|
--color-secondary-gradient: 224, 100, 16;
|
|
|
|
--color-tertiary-base: 0, 0, 0;
|
|
--color-tertiary-gradient: 51, 51, 51;
|
|
|
|
--color-success-base: 119, 170, 12;
|
|
--color-success-gradient: 84, 119, 8;
|
|
|
|
--color-danger-base: 223, 59, 59;
|
|
}
|
|
}
|
|
|
|
@layer utilities {
|
|
.custom-collapse {
|
|
display: none;
|
|
}
|
|
.custom-collapse.active {
|
|
display: block;
|
|
}
|
|
.collapse {
|
|
visibility: inherit !important;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.card {
|
|
@apply rounded shadow-lg w-full;
|
|
}
|
|
|
|
// Buttons with icons.
|
|
.btn > .svg {
|
|
@apply -ml-1 mr-1 h-4 w-5 fill-current ;
|
|
}
|
|
|
|
// Forms.
|
|
|
|
.help-block {
|
|
@apply mt-2 text-caption;
|
|
}
|
|
|
|
.has-error .ch-form-label {
|
|
@apply h-8;
|
|
}
|
|
|
|
.has-error .help-block {
|
|
@apply italic text-caption;
|
|
}
|
|
|
|
.has-error .ch-form-control {
|
|
}
|
|
|
|
// List
|
|
|
|
.list-group {
|
|
@apply flex flex-col mr-4;
|
|
}
|
|
|
|
.list-group-item {
|
|
@apply flex flex-row justify-start gap-2 border rounded-sm px-3 py-3 items-center;
|
|
}
|
|
|
|
#lp_item_list .list-group-item {
|
|
align-items: normal !important;
|
|
}
|
|
|
|
// Alerts
|
|
|
|
.alert {
|
|
@apply px-6 py-4 border-0 rounded relative mb-4;
|
|
}
|
|
|
|
.alert-info {
|
|
}
|
|
|
|
.alert-warning {
|
|
}
|
|
|
|
.alert-success {
|
|
}
|
|
|
|
.alert-danger {
|
|
}
|
|
|
|
// Tabs
|
|
|
|
.tab_wrapper nav {
|
|
@apply card flex flex-row justify-between gap-4;
|
|
}
|
|
|
|
.tab_wrapper nav a {
|
|
@apply p-4;
|
|
}
|
|
|
|
// Calendar
|
|
|
|
#calendar .fc-toolbar-chunk {
|
|
@apply flex flex-row;
|
|
}
|
|
|
|
// Page header
|
|
|
|
.page-header {
|
|
@apply text-h3 flex flex-row gap-2;
|
|
}
|
|
|
|
#no-data-view {
|
|
@apply flex flex-col items-center justify-center p-4 space-y-4 antialiased;
|
|
}
|
|
|
|
.pull-right {
|
|
@apply flex flex-row;
|
|
}
|
|
|
|
.header-border-bottom {
|
|
border-bottom: 1px solid #e4e9ed !important;
|
|
}
|
|
|
|
.ch-tool-icon {
|
|
@apply font-extrabold text-primary;
|
|
}
|
|
.ch-toolbar-icon {
|
|
@apply font-extrabold text-primary leading-none;
|
|
}
|
|
.ch-tool-icon-disabled {
|
|
@apply font-extrabold text-gray-50;
|
|
}
|
|
.ch-tool-icon-gradient {
|
|
@apply font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-primary to-primary-gradient;
|
|
}
|
|
.ch-tool-icon-button {
|
|
@apply font-extrabold bg-clip-text text-gray-90;
|
|
}
|
|
|
|
// Forms
|
|
input {
|
|
appearance: auto !important;
|
|
border-width: 1px !important;
|
|
}
|
|
|
|
.has-error input, .has-error select {
|
|
border-color: red !important;
|
|
}
|
|
|
|
// Special
|
|
|
|
// Progress bars
|
|
.progress {
|
|
@apply rounded-sm ring-1 text-center min-h-full ml-12 mr-4;
|
|
}
|
|
|
|
.log-container {
|
|
height: 300px;
|
|
overflow-y: scroll;
|
|
background-color: #000;
|
|
padding: 10px;
|
|
}
|
|
|
|
.terminal {
|
|
color: #00ff00; /* Green */
|
|
font-family: monospace;
|
|
}
|
|
|
|
.terms-container {
|
|
overflow-y: scroll;
|
|
height: 180px;
|
|
border: 1px solid #ccc;
|
|
padding: 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
// Pager
|
|
.pager-bar {
|
|
}
|
|
.pager-bar .pager-select {
|
|
}
|
|
.pager-bar .pager-counter {
|
|
@apply mt-4;
|
|
}
|
|
.pager-bar .pager-jumper {
|
|
@apply mt-4;
|
|
}
|
|
.pager-bar .pager-jumper .btn-link {
|
|
@apply -mt-2 mx-2;
|
|
}
|
|
|
|
// free-jqGrid override
|
|
.ui-jqgrid-bootstrap.modal {
|
|
@apply bg-white;
|
|
}
|
|
}
|
|
|
|
@import "scss/index.scss";
|
|
|
|
// tabs
|
|
.tab-content {
|
|
> .tab-pane {
|
|
display: none;
|
|
}
|
|
> .active {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.col-md-offset-0 {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
.col-md-offset-1 {
|
|
margin-left: 5% !important;
|
|
}
|
|
|
|
.col-md-offset-2 {
|
|
margin-left: 10% !important;
|
|
}
|
|
|
|
.col-md-offset-3 {
|
|
margin-left: 15% !important;
|
|
}
|
|
|
|
.col-md-offset-4 {
|
|
margin-left: 20% !important;
|
|
}
|
|
|
|
.custom-message {
|
|
padding: 15px;
|
|
}
|
|
|
|
.custom-message {
|
|
ol,
|
|
ul,
|
|
menu {
|
|
list-style: initial;
|
|
}
|
|
}
|
|
|
|
.custom-link {
|
|
color: blue;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.category-forum .custom-panel-group {
|
|
width: 100%;
|
|
}
|
|
|
|
.category-forum .forum_display {
|
|
padding: 20px 0px;
|
|
}
|
|
|
|
#date_fields label,
|
|
.p-float-label .datepicker-label {
|
|
top: 0px;
|
|
left: 0.5rem;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(46 117 163 / var(--tw-text-opacity));
|
|
font-size: 12px;
|
|
}
|
|
|
|
.question_description img, .question_options img {
|
|
display: inherit !important;
|
|
}
|
|
|
|
.question_options .droppable {
|
|
padding: 5px;
|
|
text-align: center;
|
|
background-color: #ECF0F1;
|
|
border: dotted #dddddd 2px;
|
|
border-radius: 4px;
|
|
color: #666666;
|
|
display: inline-block;
|
|
width: 85%;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.question_options .droppable-item {
|
|
background-color: #84bd00;
|
|
color: #FFF;
|
|
padding: 3px 0 3px 5px;
|
|
width: 20%;
|
|
}
|
|
|
|
.question_options .droppable-item .number {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
}
|
|
|
|
.hide-label-title {
|
|
color: #0a0a0a;
|
|
}
|
|
|
|
#global-modal {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.documents-layout {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.template-list-container {
|
|
flex-basis: 20%;
|
|
max-height: 600px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.documents-form-container {
|
|
flex-basis: 78%;
|
|
}
|
|
|
|
.template-item img {
|
|
border: 1px solid #ccc;
|
|
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
|
|
border-radius: 4px;
|
|
transition: transform 0.2s ease;
|
|
}
|
|
|
|
.template-item img:hover {
|
|
transform: scale(1.05);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.template-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
}
|
|
|
|
.template-item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
text-align: center;
|
|
padding: 10px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
.template-item img {
|
|
width: 100%;
|
|
max-width: 200px;
|
|
height: auto;
|
|
object-fit: cover;
|
|
border-radius: 4px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.template-item:hover {
|
|
background-color: #ececec;
|
|
cursor: pointer;
|
|
}
|
|
|
|
//@import 'primevue-md-light-indigo/theme.css';
|
|
//@import '~primevue/resources/primevue.min.css';
|
|
//@import '~primeflex/primeflex.css';
|
|
//@import "~primeicons/primeicons.css";
|
|
|
|
@import 'primeflex/core/_variables.scss';
|
|
@import 'primeflex/core/_formlayout.scss';
|
|
|
|
//@import "~jquery-ui-timepicker-addon/dist/jquery-ui-timepicker-addon.css";
|
|
@import "~@fancyapps/fancybox/dist/jquery.fancybox.css";
|
|
@import "~timepicker/jquery.timepicker.min.css";
|
|
@import "~qtip2/dist/jquery.qtip.min.css";
|
|
|