Add spacing, updated themes

pull/345/head
cagataycivici 2020-06-16 23:14:57 +03:00
parent 15cd91be72
commit 03532ffa1d
33 changed files with 3397 additions and 2638 deletions

View File

@ -36,8 +36,8 @@
"gulp-rename": "^1.2.2",
"gulp-uglify": "^1.5.3",
"gulp-uglifycss": "^1.0.6",
"primeflex": "1.1.1",
"primeicons": "4.0.0-rc.2",
"primeflex": "1.2.0",
"primeicons": "4.0.0",
"prismjs": "^1.15.0",
"quill": "1.3.3",
"@fullcalendar/core": "4.0.2",

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.2rem #ffe8b3;
}
::-webkit-input-placeholder {
color: #9b9b9b;
}
:-moz-placeholder {
color: #9b9b9b;
}
::-moz-placeholder {
color: #9b9b9b;
}
:-ms-input-placeholder {
color: #9b9b9b;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.429rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: auto;
height: auto;
color: #888888;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #dedede;
border-color: transparent;
background: transparent;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #212121;
@ -247,7 +233,7 @@
color: #888888;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #dedede;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -328,7 +314,7 @@
height: 1.5rem;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -414,7 +400,7 @@
.p-dropdown {
background: #585858;
border: 1px solid #585858;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -481,7 +467,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -615,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #585858;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -659,7 +645,7 @@
padding: 0.429rem 0.429rem;
border: 1px solid #585858;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -709,6 +695,22 @@
padding-right: 1.858rem;
}
::-webkit-input-placeholder {
color: #9b9b9b;
}
:-moz-placeholder {
color: #9b9b9b;
}
::-moz-placeholder {
color: #9b9b9b;
}
:-ms-input-placeholder {
color: #9b9b9b;
}
.p-listbox {
background: #323232;
color: #dedede;
@ -739,7 +741,7 @@
padding: 0.429rem 0.857rem;
border: 0 none;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -763,7 +765,7 @@
.p-multiselect {
background: #585858;
border: 1px solid #585858;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -819,13 +821,15 @@
width: auto;
height: auto;
color: #888888;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #dedede;
border-color: transparent;
background: transparent;
}
.p-multiselect-panel .p-multiselect-items {
@ -837,7 +841,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -883,7 +887,7 @@
height: 20px;
color: #dedede;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #FFB300;
@ -915,7 +919,7 @@
.p-rating .p-rating-icon {
color: #dedede;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -940,7 +944,7 @@
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -1003,7 +1007,7 @@
background: #4c4c4c;
border: 2px solid #FFB300;
border-radius: 100%;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1022,7 +1026,7 @@
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1066,7 +1070,7 @@
border: 1px solid #FFB300;
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1267,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #888888;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #4c4c4c;
border-color: transparent;
color: #888888;
}
.p-carousel .p-carousel-indicators {
@ -1290,7 +1296,7 @@
background-color: #585858;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1337,7 +1343,7 @@
font-weight: 700;
color: #dedede;
background: #252525;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1381,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #ffe8b3;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1392,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #888888;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #dedede;
@ -1539,7 +1545,7 @@
background: #FFB300;
border: 1px solid #FFB300;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1574,7 +1580,7 @@
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #4c4c4c;
@ -1634,7 +1640,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: #4c4c4c;
@ -1699,7 +1705,7 @@
margin-left: -0.46em;
color: #888888;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1721,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #dedede;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1734,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #4c4c4c;
}
.p-paginator .p-dropdown {
@ -1748,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #dedede;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #FFB300;
border-color: #FFB300;
color: #212121;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #4c4c4c;
}
@ -1795,7 +1806,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: #4c4c4c;
@ -1851,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.429rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #888888;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #dedede;
@ -1943,7 +1954,7 @@
font-weight: 700;
color: #dedede;
background: #252525;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1987,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #ffe8b3;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1999,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #888888;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #dedede;
@ -2075,7 +2086,7 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2120,7 +2131,7 @@
.p-card {
background: #323232;
color: #dedede;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
}
.p-card .p-card-body {
@ -2159,13 +2170,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2197,11 +2208,13 @@
height: auto;
color: #888888;
background: transparent;
border: 0 none;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #dedede;
border-color: transparent;
background: transparent;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2246,7 +2259,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2306,13 +2319,15 @@
width: auto;
height: auto;
color: #888888;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #dedede;
border-color: transparent;
background: transparent;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2358,6 +2373,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #FFB300;
border: 0 none;
color: #212121;
width: 1.538rem;
height: 1.538rem;
@ -2365,10 +2381,11 @@
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #FF8F00;
border-color: transparent;
color: #212121;
}
.p-overlaypanel:after {
@ -2397,14 +2414,16 @@
}
.p-sidebar .p-sidebar-close {
background: #FFB300;
border: 0 none;
color: #212121;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: #FF8F00;
border-color: transparent;
color: #212121;
}
@ -2482,7 +2501,7 @@
padding: 0.571rem 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2513,7 +2532,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2563,7 +2582,7 @@
margin: 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2577,7 +2596,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2612,7 +2631,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2691,7 +2710,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2750,7 +2769,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2784,7 +2803,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2827,7 +2846,7 @@
margin: 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #FFB300;
@ -2851,11 +2870,16 @@
width: 2rem;
height: 2rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover {
color: #dedede;
background: transparent;
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2875,7 +2899,7 @@
margin: 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2885,7 +2909,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2969,7 +2993,7 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3018,7 +3042,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3060,7 +3084,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: #191919;
}
@ -3120,7 +3144,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3156,7 +3180,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3210,7 +3234,7 @@
margin: 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3328,7 +3352,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
@ -3374,7 +3398,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent;
@ -3426,7 +3450,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3441,7 +3465,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3463,7 +3487,7 @@
background-color: #585858;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3503,7 +3527,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3519,7 +3543,7 @@
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #4c4c4c;

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.2rem #88e9aa;
}
::-webkit-input-placeholder {
color: #9b9b9b;
}
:-moz-placeholder {
color: #9b9b9b;
}
::-moz-placeholder {
color: #9b9b9b;
}
:-ms-input-placeholder {
color: #9b9b9b;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.429rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: auto;
height: auto;
color: #888888;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #dedede;
border-color: transparent;
background: transparent;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -247,7 +233,7 @@
color: #888888;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #dedede;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -328,7 +314,7 @@
height: 1.5rem;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -414,7 +400,7 @@
.p-dropdown {
background: #585858;
border: 1px solid #585858;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -481,7 +467,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -615,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #585858;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -659,7 +645,7 @@
padding: 0.429rem 0.429rem;
border: 1px solid #585858;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -709,6 +695,22 @@
padding-right: 1.858rem;
}
::-webkit-input-placeholder {
color: #9b9b9b;
}
:-moz-placeholder {
color: #9b9b9b;
}
::-moz-placeholder {
color: #9b9b9b;
}
:-ms-input-placeholder {
color: #9b9b9b;
}
.p-listbox {
background: #323232;
color: #dedede;
@ -739,7 +741,7 @@
padding: 0.429rem 0.857rem;
border: 0 none;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -763,7 +765,7 @@
.p-multiselect {
background: #585858;
border: 1px solid #585858;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -819,13 +821,15 @@
width: auto;
height: auto;
color: #888888;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #dedede;
border-color: transparent;
background: transparent;
}
.p-multiselect-panel .p-multiselect-items {
@ -837,7 +841,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -883,7 +887,7 @@
height: 20px;
color: #dedede;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #1ea04c;
@ -915,7 +919,7 @@
.p-rating .p-rating-icon {
color: #dedede;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -940,7 +944,7 @@
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -1003,7 +1007,7 @@
background: #4c4c4c;
border: 2px solid #1ea04c;
border-radius: 100%;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1022,7 +1026,7 @@
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1066,7 +1070,7 @@
border: 1px solid #1ea04c;
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1267,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #888888;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #4c4c4c;
border-color: transparent;
color: #888888;
}
.p-carousel .p-carousel-indicators {
@ -1290,7 +1296,7 @@
background-color: #585858;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1337,7 +1343,7 @@
font-weight: 700;
color: #dedede;
background: #252525;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1381,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #88e9aa;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1392,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #888888;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #dedede;
@ -1539,7 +1545,7 @@
background: #1ea04c;
border: 1px solid #1ea04c;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1574,7 +1580,7 @@
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #4c4c4c;
@ -1634,7 +1640,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: #4c4c4c;
@ -1699,7 +1705,7 @@
margin-left: -0.46em;
color: #888888;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1721,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #dedede;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1734,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #4c4c4c;
}
.p-paginator .p-dropdown {
@ -1748,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #dedede;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #1ea04c;
border-color: #1ea04c;
color: #ffffff;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #4c4c4c;
}
@ -1795,7 +1806,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: #4c4c4c;
@ -1851,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.429rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #888888;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #dedede;
@ -1943,7 +1954,7 @@
font-weight: 700;
color: #dedede;
background: #252525;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1987,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #88e9aa;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1999,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #888888;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #dedede;
@ -2075,7 +2086,7 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2120,7 +2131,7 @@
.p-card {
background: #323232;
color: #dedede;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
}
.p-card .p-card-body {
@ -2159,13 +2170,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2197,11 +2208,13 @@
height: auto;
color: #888888;
background: transparent;
border: 0 none;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #dedede;
border-color: transparent;
background: transparent;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2246,7 +2259,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2306,13 +2319,15 @@
width: auto;
height: auto;
color: #888888;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #dedede;
border-color: transparent;
background: transparent;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2358,6 +2373,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #1ea04c;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
@ -2365,10 +2381,11 @@
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #18803c;
border-color: transparent;
color: #ffffff;
}
.p-overlaypanel:after {
@ -2397,14 +2414,16 @@
}
.p-sidebar .p-sidebar-close {
background: #1ea04c;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: #18803c;
border-color: transparent;
color: #ffffff;
}
@ -2482,7 +2501,7 @@
padding: 0.571rem 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2513,7 +2532,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2563,7 +2582,7 @@
margin: 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2577,7 +2596,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2612,7 +2631,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2691,7 +2710,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2750,7 +2769,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2784,7 +2803,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2827,7 +2846,7 @@
margin: 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #1ea04c;
@ -2851,11 +2870,16 @@
width: 2rem;
height: 2rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover {
color: #dedede;
background: transparent;
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2875,7 +2899,7 @@
margin: 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2885,7 +2909,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2969,7 +2993,7 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3018,7 +3042,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3060,7 +3084,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: #191919;
}
@ -3120,7 +3144,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3156,7 +3180,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3210,7 +3234,7 @@
margin: 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3328,7 +3352,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
@ -3374,7 +3398,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent;
@ -3426,7 +3450,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3441,7 +3465,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3463,7 +3487,7 @@
background-color: #585858;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3503,7 +3527,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3519,7 +3543,7 @@
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #4c4c4c;

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.2rem #f1b6c8;
}
::-webkit-input-placeholder {
color: #9b9b9b;
}
:-moz-placeholder {
color: #9b9b9b;
}
::-moz-placeholder {
color: #9b9b9b;
}
:-ms-input-placeholder {
color: #9b9b9b;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.429rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: auto;
height: auto;
color: #888888;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #dedede;
border-color: transparent;
background: transparent;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -247,7 +233,7 @@
color: #888888;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #dedede;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -328,7 +314,7 @@
height: 1.5rem;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -414,7 +400,7 @@
.p-dropdown {
background: #585858;
border: 1px solid #585858;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -481,7 +467,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -615,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #585858;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -659,7 +645,7 @@
padding: 0.429rem 0.429rem;
border: 1px solid #585858;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -709,6 +695,22 @@
padding-right: 1.858rem;
}
::-webkit-input-placeholder {
color: #9b9b9b;
}
:-moz-placeholder {
color: #9b9b9b;
}
::-moz-placeholder {
color: #9b9b9b;
}
:-ms-input-placeholder {
color: #9b9b9b;
}
.p-listbox {
background: #323232;
color: #dedede;
@ -739,7 +741,7 @@
padding: 0.429rem 0.857rem;
border: 0 none;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -763,7 +765,7 @@
.p-multiselect {
background: #585858;
border: 1px solid #585858;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -819,13 +821,15 @@
width: auto;
height: auto;
color: #888888;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #dedede;
border-color: transparent;
background: transparent;
}
.p-multiselect-panel .p-multiselect-items {
@ -837,7 +841,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -883,7 +887,7 @@
height: 20px;
color: #dedede;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #cc285c;
@ -915,7 +919,7 @@
.p-rating .p-rating-icon {
color: #dedede;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -940,7 +944,7 @@
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -1003,7 +1007,7 @@
background: #4c4c4c;
border: 2px solid #cc285c;
border-radius: 100%;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1022,7 +1026,7 @@
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1066,7 +1070,7 @@
border: 1px solid #cc285c;
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1267,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #888888;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #4c4c4c;
border-color: transparent;
color: #888888;
}
.p-carousel .p-carousel-indicators {
@ -1290,7 +1296,7 @@
background-color: #585858;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1337,7 +1343,7 @@
font-weight: 700;
color: #dedede;
background: #252525;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1381,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #f1b6c8;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1392,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #888888;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #dedede;
@ -1539,7 +1545,7 @@
background: #cc285c;
border: 1px solid #cc285c;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1574,7 +1580,7 @@
background: #252525;
border: 1px solid #252525;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #4c4c4c;
@ -1634,7 +1640,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: #4c4c4c;
@ -1699,7 +1705,7 @@
margin-left: -0.46em;
color: #888888;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1721,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #dedede;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1734,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #4c4c4c;
}
.p-paginator .p-dropdown {
@ -1748,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #dedede;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #cc285c;
border-color: #cc285c;
color: #ffffff;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #4c4c4c;
}
@ -1795,7 +1806,7 @@
border: 0 none;
color: #dedede;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: #4c4c4c;
@ -1851,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.429rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #888888;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #dedede;
@ -1943,7 +1954,7 @@
font-weight: 700;
color: #dedede;
background: #252525;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1987,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #f1b6c8;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1999,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #888888;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #dedede;
@ -2075,7 +2086,7 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2120,7 +2131,7 @@
.p-card {
background: #323232;
color: #dedede;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
}
.p-card .p-card-body {
@ -2159,13 +2170,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2197,11 +2208,13 @@
height: auto;
color: #888888;
background: transparent;
border: 0 none;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #dedede;
border-color: transparent;
background: transparent;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2246,7 +2259,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2306,13 +2319,15 @@
width: auto;
height: auto;
color: #888888;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #dedede;
border-color: transparent;
background: transparent;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2358,6 +2373,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #cc285c;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
@ -2365,10 +2381,11 @@
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #a32049;
border-color: transparent;
color: #ffffff;
}
.p-overlaypanel:after {
@ -2397,14 +2414,16 @@
}
.p-sidebar .p-sidebar-close {
background: #cc285c;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: #a32049;
border-color: transparent;
color: #ffffff;
}
@ -2482,7 +2501,7 @@
padding: 0.571rem 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2513,7 +2532,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2563,7 +2582,7 @@
margin: 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2577,7 +2596,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2612,7 +2631,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2691,7 +2710,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2750,7 +2769,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2784,7 +2803,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2827,7 +2846,7 @@
margin: 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #cc285c;
@ -2851,11 +2870,16 @@
width: 2rem;
height: 2rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover {
color: #dedede;
background: transparent;
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2875,7 +2899,7 @@
margin: 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2885,7 +2909,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2969,7 +2993,7 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3018,7 +3042,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3060,7 +3084,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: #191919;
}
@ -3120,7 +3144,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3156,7 +3180,7 @@
padding: 0.857rem;
color: #dedede;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3210,7 +3234,7 @@
margin: 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3328,7 +3352,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
@ -3374,7 +3398,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent;
@ -3426,7 +3450,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3441,7 +3465,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3463,7 +3487,7 @@
background-color: #585858;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3503,7 +3527,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3519,7 +3543,7 @@
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #4c4c4c;

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
}
::-webkit-input-placeholder {
color: #666666;
}
:-moz-placeholder {
color: #666666;
}
::-moz-placeholder {
color: #666666;
}
:-ms-input-placeholder {
color: #666666;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.429rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: auto;
height: auto;
color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #007ad9;
border-color: transparent;
background: transparent;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -247,7 +233,7 @@
color: #a6a6a6;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #007ad9;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -328,7 +314,7 @@
height: 1.5rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -414,7 +400,7 @@
.p-dropdown {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -481,7 +467,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -615,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #cccccc;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -659,7 +645,7 @@
padding: 0.429rem 0.429rem;
border: 1px solid #a6a6a6;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -709,6 +695,22 @@
padding-right: 1.858rem;
}
::-webkit-input-placeholder {
color: #666666;
}
:-moz-placeholder {
color: #666666;
}
::-moz-placeholder {
color: #666666;
}
:-ms-input-placeholder {
color: #666666;
}
.p-listbox {
background: #ffffff;
color: #333333;
@ -739,7 +741,7 @@
padding: 0.429rem 0.857rem;
border: 0 none;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -763,7 +765,7 @@
.p-multiselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -819,13 +821,15 @@
width: auto;
height: auto;
color: #848484;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #333333;
border-color: transparent;
background: transparent;
}
.p-multiselect-panel .p-multiselect-items {
@ -837,7 +841,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -883,7 +887,7 @@
height: 20px;
color: #333333;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #212121;
@ -915,7 +919,7 @@
.p-rating .p-rating-icon {
color: #333333;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -940,7 +944,7 @@
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -1003,7 +1007,7 @@
background: #ffffff;
border: 2px solid #666666;
border-radius: 100%;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1022,7 +1026,7 @@
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1066,7 +1070,7 @@
border: 1px solid #007ad9;
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1267,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #848484;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #eaeaea;
border-color: transparent;
color: #848484;
}
.p-carousel .p-carousel-indicators {
@ -1290,7 +1296,7 @@
background-color: #f4f4f4;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1337,7 +1343,7 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1381,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #8dcdff;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1392,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #848484;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #333333;
@ -1539,7 +1545,7 @@
background: #007ad9;
border: 1px solid #007ad9;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1574,7 +1580,7 @@
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #c8c8c8;
@ -1634,7 +1640,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: #eaeaea;
@ -1699,7 +1705,7 @@
margin-left: -0.46em;
color: #848484;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1721,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #848484;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1734,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #333333;
}
.p-paginator .p-dropdown {
@ -1748,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #848484;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #d95f00;
border-color: #d95f00;
color: #ffffff;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #333333;
}
@ -1795,7 +1806,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: #eaeaea;
@ -1851,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.429rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #848484;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #333333;
@ -1943,7 +1954,7 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1987,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #8dcdff;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1999,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #848484;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #333333;
@ -2075,7 +2086,7 @@
background: #007ad9;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2159,13 +2170,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem;
color: #ffffff;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2197,11 +2208,13 @@
height: auto;
color: #ffffff;
background: transparent;
border: 0 none;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #5ab7ff;
border-color: transparent;
background: transparent;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2246,7 +2259,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2306,13 +2319,15 @@
width: auto;
height: auto;
color: #ffffff;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #5ab7ff;
border-color: transparent;
background: transparent;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2358,6 +2373,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #007ad9;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
@ -2365,10 +2381,11 @@
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #005b9f;
border-color: transparent;
color: #ffffff;
}
.p-overlaypanel:after {
@ -2397,14 +2414,16 @@
}
.p-sidebar .p-sidebar-close {
background: #007ad9;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: #005b9f;
border-color: transparent;
color: #ffffff;
}
@ -2482,7 +2501,7 @@
padding: 0.571rem 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2513,7 +2532,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2563,7 +2582,7 @@
margin: 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2577,7 +2596,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2612,7 +2631,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2691,7 +2710,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2750,7 +2769,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2784,7 +2803,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2827,7 +2846,7 @@
margin: 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #eaeaea;
@ -2851,11 +2870,16 @@
width: 2rem;
height: 2rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover {
color: #5ab7ff;
background: transparent;
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2875,7 +2899,7 @@
margin: 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2885,7 +2909,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2969,7 +2993,7 @@
background: #007ad9;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3018,7 +3042,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3060,7 +3084,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: #ffffff;
}
@ -3120,7 +3144,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3156,7 +3180,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3210,7 +3234,7 @@
margin: 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3328,7 +3352,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
@ -3374,7 +3398,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent;
@ -3426,7 +3450,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3441,7 +3465,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3463,7 +3487,7 @@
background-color: #f4f4f4;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3503,7 +3527,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3519,7 +3543,7 @@
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #eaeaea;

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
}
::-webkit-input-placeholder {
color: #666666;
}
:-moz-placeholder {
color: #666666;
}
::-moz-placeholder {
color: #666666;
}
:-ms-input-placeholder {
color: #666666;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.429rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: auto;
height: auto;
color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #007ad9;
border-color: transparent;
background: transparent;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -247,7 +233,7 @@
color: #a6a6a6;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #007ad9;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -328,7 +314,7 @@
height: 1.5rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -414,7 +400,7 @@
.p-dropdown {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -481,7 +467,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -615,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #cccccc;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -659,7 +645,7 @@
padding: 0.429rem 0.429rem;
border: 1px solid #a6a6a6;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -709,6 +695,22 @@
padding-right: 1.858rem;
}
::-webkit-input-placeholder {
color: #666666;
}
:-moz-placeholder {
color: #666666;
}
::-moz-placeholder {
color: #666666;
}
:-ms-input-placeholder {
color: #666666;
}
.p-listbox {
background: #ffffff;
color: #333333;
@ -739,7 +741,7 @@
padding: 0.429rem 0.857rem;
border: 0 none;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -763,7 +765,7 @@
.p-multiselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -819,13 +821,15 @@
width: auto;
height: auto;
color: #848484;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #333333;
border-color: transparent;
background: transparent;
}
.p-multiselect-panel .p-multiselect-items {
@ -837,7 +841,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -883,7 +887,7 @@
height: 20px;
color: #333333;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #212121;
@ -915,7 +919,7 @@
.p-rating .p-rating-icon {
color: #333333;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -940,7 +944,7 @@
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -1003,7 +1007,7 @@
background: #ffffff;
border: 2px solid #666666;
border-radius: 100%;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1022,7 +1026,7 @@
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1066,7 +1070,7 @@
border: 1px solid #007ad9;
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1267,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #848484;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #eaeaea;
border-color: transparent;
color: #848484;
}
.p-carousel .p-carousel-indicators {
@ -1290,7 +1296,7 @@
background-color: #f4f4f4;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1337,7 +1343,7 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1381,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #8dcdff;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1392,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #848484;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #333333;
@ -1539,7 +1545,7 @@
background: #007ad9;
border: 1px solid #007ad9;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1574,7 +1580,7 @@
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #c8c8c8;
@ -1634,7 +1640,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: #eaeaea;
@ -1699,7 +1705,7 @@
margin-left: -0.46em;
color: #848484;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1721,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #848484;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1734,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #333333;
}
.p-paginator .p-dropdown {
@ -1748,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #848484;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #333333;
}
@ -1795,7 +1806,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: #eaeaea;
@ -1851,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.429rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #848484;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #333333;
@ -1943,7 +1954,7 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1987,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #8dcdff;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1999,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #848484;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #333333;
@ -2075,7 +2086,7 @@
background: #333333;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2159,13 +2170,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem;
color: #ffffff;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2197,11 +2208,13 @@
height: auto;
color: #ffffff;
background: transparent;
border: 0 none;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #b4b4b4;
border-color: transparent;
background: transparent;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2246,7 +2259,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2306,13 +2319,15 @@
width: auto;
height: auto;
color: #ffffff;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #b4b4b4;
border-color: transparent;
background: transparent;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2358,6 +2373,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #007ad9;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
@ -2365,10 +2381,11 @@
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #005b9f;
border-color: transparent;
color: #ffffff;
}
.p-overlaypanel:after {
@ -2397,14 +2414,16 @@
}
.p-sidebar .p-sidebar-close {
background: #007ad9;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: #005b9f;
border-color: transparent;
color: #ffffff;
}
@ -2482,7 +2501,7 @@
padding: 0.571rem 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2513,7 +2532,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2563,7 +2582,7 @@
margin: 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2577,7 +2596,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2612,7 +2631,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2691,7 +2710,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2750,7 +2769,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2784,7 +2803,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2827,7 +2846,7 @@
margin: 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #eaeaea;
@ -2851,11 +2870,16 @@
width: 2rem;
height: 2rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover {
color: #b4b4b4;
background: transparent;
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2875,7 +2899,7 @@
margin: 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2885,7 +2909,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2969,7 +2993,7 @@
background: #333333;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3018,7 +3042,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3060,7 +3084,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: #ffffff;
}
@ -3120,7 +3144,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3156,7 +3180,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3210,7 +3234,7 @@
margin: 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3328,7 +3352,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
@ -3374,7 +3398,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent;
@ -3426,7 +3450,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3441,7 +3465,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3463,7 +3487,7 @@
background-color: #f4f4f4;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3503,7 +3527,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3519,7 +3543,7 @@
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #eaeaea;

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.2rem #c2e9d8;
}
::-webkit-input-placeholder {
color: #666666;
}
:-moz-placeholder {
color: #666666;
}
::-moz-placeholder {
color: #666666;
}
:-ms-input-placeholder {
color: #666666;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.429rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: auto;
height: auto;
color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #41b883;
border-color: transparent;
background: transparent;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -247,7 +233,7 @@
color: #a6a6a6;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #41b883;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -328,7 +314,7 @@
height: 1.5rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -414,7 +400,7 @@
.p-dropdown {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -481,7 +467,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -615,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #cccccc;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -659,7 +645,7 @@
padding: 0.429rem 0.429rem;
border: 1px solid #a6a6a6;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -709,6 +695,22 @@
padding-right: 1.858rem;
}
::-webkit-input-placeholder {
color: #666666;
}
:-moz-placeholder {
color: #666666;
}
::-moz-placeholder {
color: #666666;
}
:-ms-input-placeholder {
color: #666666;
}
.p-listbox {
background: #ffffff;
color: #333333;
@ -739,7 +741,7 @@
padding: 0.429rem 0.857rem;
border: 0 none;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -763,7 +765,7 @@
.p-multiselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -819,13 +821,15 @@
width: auto;
height: auto;
color: #848484;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #333333;
border-color: transparent;
background: transparent;
}
.p-multiselect-panel .p-multiselect-items {
@ -837,7 +841,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -883,7 +887,7 @@
height: 20px;
color: #333333;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #212121;
@ -915,7 +919,7 @@
.p-rating .p-rating-icon {
color: #333333;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -940,7 +944,7 @@
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -1003,7 +1007,7 @@
background: #ffffff;
border: 2px solid #666666;
border-radius: 100%;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1022,7 +1026,7 @@
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1066,7 +1070,7 @@
border: 1px solid #41b883;
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1267,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #848484;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #eaeaea;
border-color: transparent;
color: #848484;
}
.p-carousel .p-carousel-indicators {
@ -1290,7 +1296,7 @@
background-color: #f4f4f4;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1337,7 +1343,7 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1381,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #c2e9d8;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1392,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #848484;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #333333;
@ -1539,7 +1545,7 @@
background: #41b883;
border: 1px solid #41b883;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1574,7 +1580,7 @@
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #c8c8c8;
@ -1634,7 +1640,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: #eaeaea;
@ -1699,7 +1705,7 @@
margin-left: -0.46em;
color: #848484;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1721,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #848484;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1734,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #333333;
}
.p-paginator .p-dropdown {
@ -1748,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #848484;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #41b883;
border-color: #41b883;
color: #ffffff;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #333333;
}
@ -1795,7 +1806,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: #eaeaea;
@ -1851,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.429rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #848484;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #333333;
@ -1943,7 +1954,7 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1987,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #c2e9d8;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1999,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #848484;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #333333;
@ -2075,7 +2086,7 @@
background: #f4f4f4;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2159,13 +2170,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2197,11 +2208,13 @@
height: auto;
color: #848484;
background: transparent;
border: 0 none;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #333333;
border-color: transparent;
background: transparent;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2246,7 +2259,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2306,13 +2319,15 @@
width: auto;
height: auto;
color: #848484;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #333333;
border-color: transparent;
background: transparent;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2358,6 +2373,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #41b883;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
@ -2365,10 +2381,11 @@
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #246749;
border-color: transparent;
color: #ffffff;
}
.p-overlaypanel:after {
@ -2397,14 +2414,16 @@
}
.p-sidebar .p-sidebar-close {
background: #41b883;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: #246749;
border-color: transparent;
color: #ffffff;
}
@ -2482,7 +2501,7 @@
padding: 0.571rem 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2513,7 +2532,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2563,7 +2582,7 @@
margin: 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2577,7 +2596,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2612,7 +2631,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2691,7 +2710,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2750,7 +2769,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2784,7 +2803,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2827,7 +2846,7 @@
margin: 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #eaeaea;
@ -2851,11 +2870,16 @@
width: 2rem;
height: 2rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover {
color: #333333;
background: transparent;
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2875,7 +2899,7 @@
margin: 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2885,7 +2909,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2969,7 +2993,7 @@
background: #f4f4f4;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3018,7 +3042,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3060,7 +3084,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: #ffffff;
}
@ -3120,7 +3144,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3156,7 +3180,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3210,7 +3234,7 @@
margin: 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3328,7 +3352,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
@ -3374,7 +3398,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent;
@ -3426,7 +3450,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3441,7 +3465,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3463,7 +3487,7 @@
background-color: #f4f4f4;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3503,7 +3527,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3519,7 +3543,7 @@
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #eaeaea;

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.2rem #8dcdff;
}
::-webkit-input-placeholder {
color: #666666;
}
:-moz-placeholder {
color: #666666;
}
::-moz-placeholder {
color: #666666;
}
:-ms-input-placeholder {
color: #666666;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.429rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: auto;
height: auto;
color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #007ad9;
border-color: transparent;
background: transparent;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -247,7 +233,7 @@
color: #a6a6a6;
background: transparent;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #007ad9;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -328,7 +314,7 @@
height: 1.5rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -414,7 +400,7 @@
.p-dropdown {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -481,7 +467,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -615,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #cccccc;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -659,7 +645,7 @@
padding: 0.429rem 0.429rem;
border: 1px solid #a6a6a6;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -709,6 +695,22 @@
padding-right: 1.858rem;
}
::-webkit-input-placeholder {
color: #666666;
}
:-moz-placeholder {
color: #666666;
}
::-moz-placeholder {
color: #666666;
}
:-ms-input-placeholder {
color: #666666;
}
.p-listbox {
background: #ffffff;
color: #333333;
@ -739,7 +741,7 @@
padding: 0.429rem 0.857rem;
border: 0 none;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -763,7 +765,7 @@
.p-multiselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -819,13 +821,15 @@
width: auto;
height: auto;
color: #848484;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #333333;
border-color: transparent;
background: transparent;
}
.p-multiselect-panel .p-multiselect-items {
@ -837,7 +841,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -883,7 +887,7 @@
height: 20px;
color: #333333;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #212121;
@ -915,7 +919,7 @@
.p-rating .p-rating-icon {
color: #333333;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -940,7 +944,7 @@
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -1003,7 +1007,7 @@
background: #ffffff;
border: 2px solid #666666;
border-radius: 100%;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1022,7 +1026,7 @@
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1066,7 +1070,7 @@
border: 1px solid #007ad9;
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1267,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #848484;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #eaeaea;
border-color: transparent;
color: #848484;
}
.p-carousel .p-carousel-indicators {
@ -1290,7 +1296,7 @@
background-color: #f4f4f4;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1337,7 +1343,7 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1381,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #8dcdff;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1392,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #848484;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #333333;
@ -1539,7 +1545,7 @@
background: #007ad9;
border: 1px solid #007ad9;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1574,7 +1580,7 @@
background: #dadada;
border: 1px solid #dadada;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #c8c8c8;
@ -1634,7 +1640,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: #eaeaea;
@ -1699,7 +1705,7 @@
margin-left: -0.46em;
color: #848484;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1721,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #848484;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1734,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #333333;
}
.p-paginator .p-dropdown {
@ -1748,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #848484;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #e0e0e0;
border-color: transparent;
color: #333333;
}
@ -1795,7 +1806,7 @@
border: 0 none;
color: #333333;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: #eaeaea;
@ -1851,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.429rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #848484;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #333333;
@ -1943,7 +1954,7 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1987,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #8dcdff;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1999,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #848484;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #333333;
@ -2075,7 +2086,7 @@
background: #f4f4f4;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2159,13 +2170,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2197,11 +2208,13 @@
height: auto;
color: #848484;
background: transparent;
border: 0 none;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #333333;
border-color: transparent;
background: transparent;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2246,7 +2259,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2306,13 +2319,15 @@
width: auto;
height: auto;
color: #848484;
border: 0 none;
background: transparent;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #333333;
border-color: transparent;
background: transparent;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2358,6 +2373,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #007ad9;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
@ -2365,10 +2381,11 @@
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #005b9f;
border-color: transparent;
color: #ffffff;
}
.p-overlaypanel:after {
@ -2397,14 +2414,16 @@
}
.p-sidebar .p-sidebar-close {
background: #007ad9;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: #005b9f;
border-color: transparent;
color: #ffffff;
}
@ -2482,7 +2501,7 @@
padding: 0.571rem 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2513,7 +2532,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2563,7 +2582,7 @@
margin: 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2577,7 +2596,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2612,7 +2631,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2691,7 +2710,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2750,7 +2769,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2784,7 +2803,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2827,7 +2846,7 @@
margin: 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #eaeaea;
@ -2851,11 +2870,16 @@
width: 2rem;
height: 2rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover {
color: #333333;
background: transparent;
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2875,7 +2899,7 @@
margin: 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2885,7 +2909,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2969,7 +2993,7 @@
background: #f4f4f4;
font-weight: 700;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3018,7 +3042,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3060,7 +3084,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: #ffffff;
}
@ -3120,7 +3144,7 @@
font-weight: 700;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3156,7 +3180,7 @@
padding: 0.857rem;
color: #333333;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3210,7 +3234,7 @@
margin: 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3328,7 +3352,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
@ -3374,7 +3398,7 @@
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent;
@ -3426,7 +3450,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3441,7 +3465,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3463,7 +3487,7 @@
background-color: #f4f4f4;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3503,7 +3527,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3519,7 +3543,7 @@
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #eaeaea;

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.2rem #e4e9ec;
}
::-webkit-input-placeholder {
color: #a6a6a6;
}
:-moz-placeholder {
color: #a6a6a6;
}
::-moz-placeholder {
color: #a6a6a6;
}
:-ms-input-placeholder {
color: #a6a6a6;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.429rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #666666;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: auto;
height: auto;
color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 2px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #666666;
border-color: transparent;
background: transparent;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 2px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #385048;
@ -247,7 +233,7 @@
color: #a6a6a6;
background: transparent;
border-radius: 2px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #666666;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -328,7 +314,7 @@
height: 1.5rem;
color: #666666;
border-radius: 2px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -414,7 +400,7 @@
.p-dropdown {
background: #f4f4f4;
border: 1px solid #dadada;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
}
.p-dropdown:not(.p-disabled):hover {
@ -481,7 +467,7 @@
border: 0 none;
color: #666666;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -615,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #f4f4f4;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -659,7 +645,7 @@
padding: 0.429rem 0.429rem;
border: 1px solid #dadada;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 2px;
}
@ -709,6 +695,22 @@
padding-right: 1.858rem;
}
::-webkit-input-placeholder {
color: #a6a6a6;
}
:-moz-placeholder {
color: #a6a6a6;
}
::-moz-placeholder {
color: #a6a6a6;
}
:-ms-input-placeholder {
color: #a6a6a6;
}
.p-listbox {
background: #ffffff;
color: #666666;
@ -739,7 +741,7 @@
padding: 0.429rem 0.857rem;
border: 0 none;
color: #666666;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -763,7 +765,7 @@
.p-multiselect {
background: #f4f4f4;
border: 1px solid #dadada;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
}
.p-multiselect:not(.p-disabled):hover {
@ -819,13 +821,15 @@
width: auto;
height: auto;
color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 2px;
transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #7B95A3;
border-color: transparent;
background: transparent;
}
.p-multiselect-panel .p-multiselect-items {
@ -837,7 +841,7 @@
border: 0 none;
color: #666666;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -883,7 +887,7 @@
height: 20px;
color: #666666;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #a6a6a6;
@ -915,7 +919,7 @@
.p-rating .p-rating-icon {
color: #666666;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -940,7 +944,7 @@
background: #eaeaea;
border: 1px solid #eaeaea;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -1003,7 +1007,7 @@
background: #ffffff;
border: 2px solid #7f7f7f;
border-radius: 50%;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1022,7 +1026,7 @@
background: #eaeaea;
border: 1px solid #eaeaea;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1066,7 +1070,7 @@
border: 1px solid #7B95A3;
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
}
.p-button:enabled:hover {
@ -1267,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #a6a6a6;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #f4f4f4;
border-color: transparent;
color: #a6a6a6;
}
.p-carousel .p-carousel-indicators {
@ -1290,7 +1296,7 @@
background-color: #7B95A3;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1337,7 +1343,7 @@
font-weight: 700;
color: #666666;
background: #ffffff;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1381,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #666666;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #e4e9ec;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1392,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #a6a6a6;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #666666;
@ -1539,7 +1545,7 @@
background: #7B95A3;
border: 1px solid #7B95A3;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
display: flex;
align-items: center;
@ -1574,7 +1580,7 @@
background: #eaeaea;
border: 1px solid #eaeaea;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #c8c8c8;
@ -1634,7 +1640,7 @@
border: 0 none;
color: #666666;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: #f4f4f4;
@ -1699,7 +1705,7 @@
margin-left: -0.46em;
color: #a6a6a6;
border-radius: 2px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1721,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #666666;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1734,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #f4f4f4;
border-color: transparent;
color: #666666;
}
.p-paginator .p-dropdown {
@ -1748,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #666666;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #AFD3C8;
border-color: #AFD3C8;
color: #385048;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #f4f4f4;
border-color: transparent;
color: #666666;
}
@ -1795,7 +1806,7 @@
border: 0 none;
color: #666666;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: #f4f4f4;
@ -1851,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 2px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.429rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #a6a6a6;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #666666;
@ -1943,7 +1954,7 @@
font-weight: 700;
color: #666666;
background: #ffffff;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1987,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #666666;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #e4e9ec;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1999,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #a6a6a6;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #666666;
@ -2075,7 +2086,7 @@
background: #7B95A3;
font-weight: 700;
border-radius: 2px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2159,13 +2170,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem;
color: #ffffff;
border-radius: 2px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2197,11 +2208,13 @@
height: auto;
color: #ffffff;
background: transparent;
border: 0 none;
border-radius: 2px;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #ffffff;
border-color: transparent;
background: transparent;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2246,7 +2259,7 @@
font-weight: 700;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2306,13 +2319,15 @@
width: auto;
height: auto;
color: #ffffff;
border: 0 none;
background: transparent;
border-radius: 2px;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #ffffff;
border-color: transparent;
background: transparent;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2358,6 +2373,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #7B95A3;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
@ -2365,10 +2381,11 @@
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #617c8a;
border-color: transparent;
color: #ffffff;
}
.p-overlaypanel:after {
@ -2397,14 +2414,16 @@
}
.p-sidebar .p-sidebar-close {
background: #7B95A3;
border: 0 none;
color: #ffffff;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: #617c8a;
border-color: transparent;
color: #ffffff;
}
@ -2482,7 +2501,7 @@
padding: 0.571rem 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2513,7 +2532,7 @@
padding: 0.857rem;
color: #666666;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2563,7 +2582,7 @@
margin: 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2577,7 +2596,7 @@
padding: 0.857rem;
color: #666666;
border-radius: 2px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2612,7 +2631,7 @@
padding: 0.857rem;
color: #666666;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2691,7 +2710,7 @@
padding: 0.857rem;
color: #666666;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2750,7 +2769,7 @@
padding: 0.857rem;
color: #666666;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2784,7 +2803,7 @@
padding: 0.857rem;
color: #666666;
border-radius: 2px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2827,7 +2846,7 @@
margin: 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #eaeaea;
@ -2848,13 +2867,18 @@
color: #ffffff;
background: transparent;
border: 0 none;
width: 2.5rem;
height: 2.5rem;
width: 2rem;
height: 2rem;
border-radius: 2px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover {
color: #ffffff;
background: transparent;
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
@ -2875,7 +2899,7 @@
margin: 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2885,7 +2909,7 @@
padding: 0.857rem;
color: #666666;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2969,7 +2993,7 @@
background: #7B95A3;
font-weight: 700;
border-radius: 2px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3018,7 +3042,7 @@
padding: 0.857rem;
color: #666666;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3060,7 +3084,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
background: #ffffff;
}
@ -3120,7 +3144,7 @@
font-weight: 700;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -1px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3156,7 +3180,7 @@
padding: 0.857rem;
color: #666666;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3210,7 +3234,7 @@
margin: 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3328,7 +3352,7 @@
border-radius: 2px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
@ -3374,7 +3398,7 @@
border-radius: 2px;
width: auto;
height: auto;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent;
@ -3426,7 +3450,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3441,7 +3465,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3463,7 +3487,7 @@
background-color: #7B95A3;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3503,7 +3527,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3519,7 +3543,7 @@
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 2px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #f4f4f4;

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.1rem #BBDEFB;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.5rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: 2.5rem;
height: 2.5rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -247,7 +233,7 @@
color: #aeb6bf;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #ebedef;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -312,6 +298,11 @@
box-shadow: 0 0 0 0.1rem #BBDEFB;
}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
padding: 0;
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
@ -323,7 +314,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -409,7 +400,7 @@
.p-dropdown {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -476,7 +467,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -610,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #34495E;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -654,7 +645,7 @@
padding: 0.5rem 0.5rem;
border: 1px solid #2C3E50;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -704,6 +695,22 @@
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-listbox {
background: #1C2833;
color: #ebedef;
@ -734,7 +741,7 @@
padding: 0.5rem 1rem;
border: 0 none;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -758,7 +765,7 @@
.p-multiselect {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -814,13 +821,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.2);
}
.p-multiselect-panel .p-multiselect-items {
@ -832,7 +841,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -878,7 +887,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #64B5F6;
@ -910,7 +919,7 @@
.p-rating .p-rating-icon {
color: #ebedef;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -935,7 +944,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -998,7 +1007,7 @@
background: #34495E;
border: 2px solid #64B5F6;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1017,7 +1026,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1061,7 +1070,7 @@
border: 1px solid #64B5F6;
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1262,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #aeb6bf;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #aeb6bf;
}
.p-carousel .p-carousel-indicators {
@ -1285,7 +1296,7 @@
background-color: #34495E;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1332,7 +1343,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1376,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #BBDEFB;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1387,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #64B5F6;
@ -1534,7 +1545,7 @@
background: #64B5F6;
border: 1px solid #64B5F6;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1569,7 +1580,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #485b6e;
@ -1629,7 +1640,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1694,7 +1705,7 @@
margin-left: -0.46em;
color: #aeb6bf;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1716,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1729,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
.p-paginator .p-dropdown {
@ -1743,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #64B5F6;
border-color: #64B5F6;
color: #212529;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -1790,7 +1806,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1846,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #64B5F6;
@ -1938,7 +1954,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1982,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #BBDEFB;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1994,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #aeb6bf;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #64B5F6;
@ -2070,7 +2086,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2171,13 +2187,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2209,11 +2225,13 @@
height: 2rem;
color: #aeb6bf;
background: transparent;
border: 0 none;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2258,7 +2276,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2318,13 +2336,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2370,6 +2390,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #64B5F6;
border: 0 none;
color: #212529;
width: 2rem;
height: 2rem;
@ -2377,10 +2398,11 @@
top: -1rem;
right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #2196F3;
border-color: transparent;
color: #212529;
}
.p-overlaypanel:after {
@ -2409,14 +2431,16 @@
}
.p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #aeb6bf;
width: 2rem;
height: 2rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -2494,7 +2518,7 @@
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2525,7 +2549,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2575,7 +2599,7 @@
margin: 0.25rem 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2589,7 +2613,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2624,7 +2648,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2703,7 +2727,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2762,7 +2786,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2796,7 +2820,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2839,7 +2863,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: rgba(255, 255, 255, 0.1);
@ -2859,15 +2883,20 @@
display: flex;
color: #aeb6bf;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover {
color: #aeb6bf;
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2887,7 +2916,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2897,7 +2926,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2981,7 +3010,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3030,7 +3059,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3089,7 +3118,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: transparent;
}
@ -3149,7 +3178,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3185,7 +3214,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3239,7 +3268,7 @@
margin: 0.25rem 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3357,7 +3386,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
@ -3403,7 +3432,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2);
@ -3455,7 +3484,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3470,7 +3499,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3492,7 +3521,7 @@
background-color: #34495E;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3532,7 +3561,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3548,7 +3577,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.1rem #B2EBF2;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.5rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: 2.5rem;
height: 2.5rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -247,7 +233,7 @@
color: #aeb6bf;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #ebedef;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -312,6 +298,11 @@
box-shadow: 0 0 0 0.1rem #B2EBF2;
}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
padding: 0;
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
@ -323,7 +314,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -409,7 +400,7 @@
.p-dropdown {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -476,7 +467,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -610,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #34495E;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -654,7 +645,7 @@
padding: 0.5rem 0.5rem;
border: 1px solid #2C3E50;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -704,6 +695,22 @@
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-listbox {
background: #1C2833;
color: #ebedef;
@ -734,7 +741,7 @@
padding: 0.5rem 1rem;
border: 0 none;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -758,7 +765,7 @@
.p-multiselect {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -814,13 +821,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.2);
}
.p-multiselect-panel .p-multiselect-items {
@ -832,7 +841,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -878,7 +887,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #4DD0E1;
@ -910,7 +919,7 @@
.p-rating .p-rating-icon {
color: #ebedef;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -935,7 +944,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -998,7 +1007,7 @@
background: #34495E;
border: 2px solid #4DD0E1;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1017,7 +1026,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1061,7 +1070,7 @@
border: 1px solid #4DD0E1;
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1262,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #aeb6bf;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #aeb6bf;
}
.p-carousel .p-carousel-indicators {
@ -1285,7 +1296,7 @@
background-color: #34495E;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1332,7 +1343,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1376,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #B2EBF2;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1387,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #4DD0E1;
@ -1534,7 +1545,7 @@
background: #4DD0E1;
border: 1px solid #4DD0E1;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1569,7 +1580,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #485b6e;
@ -1629,7 +1640,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1694,7 +1705,7 @@
margin-left: -0.46em;
color: #aeb6bf;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1716,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1729,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
.p-paginator .p-dropdown {
@ -1743,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #4DD0E1;
border-color: #4DD0E1;
color: #212529;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -1790,7 +1806,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1846,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #4DD0E1;
@ -1938,7 +1954,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1982,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #B2EBF2;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1994,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #aeb6bf;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #4DD0E1;
@ -2070,7 +2086,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2171,13 +2187,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2209,11 +2225,13 @@
height: 2rem;
color: #aeb6bf;
background: transparent;
border: 0 none;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2258,7 +2276,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2318,13 +2336,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2370,6 +2390,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #4DD0E1;
border: 0 none;
color: #212529;
width: 2rem;
height: 2rem;
@ -2377,10 +2398,11 @@
top: -1rem;
right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #00BCD4;
border-color: transparent;
color: #212529;
}
.p-overlaypanel:after {
@ -2409,14 +2431,16 @@
}
.p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #aeb6bf;
width: 2rem;
height: 2rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -2494,7 +2518,7 @@
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2525,7 +2549,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2575,7 +2599,7 @@
margin: 0.25rem 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2589,7 +2613,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2624,7 +2648,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2703,7 +2727,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2762,7 +2786,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2796,7 +2820,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2839,7 +2863,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: rgba(255, 255, 255, 0.1);
@ -2859,15 +2883,20 @@
display: flex;
color: #aeb6bf;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover {
color: #aeb6bf;
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2887,7 +2916,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2897,7 +2926,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2981,7 +3010,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3030,7 +3059,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3089,7 +3118,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: transparent;
}
@ -3149,7 +3178,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3185,7 +3214,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3239,7 +3268,7 @@
margin: 0.25rem 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3357,7 +3386,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
@ -3403,7 +3432,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2);
@ -3455,7 +3484,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3470,7 +3499,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3492,7 +3521,7 @@
background-color: #34495E;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3532,7 +3561,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3548,7 +3577,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.1rem #D1C4E9;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.5rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: 2.5rem;
height: 2.5rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -247,7 +233,7 @@
color: #aeb6bf;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #ebedef;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -312,6 +298,11 @@
box-shadow: 0 0 0 0.1rem #D1C4E9;
}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
padding: 0;
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
@ -323,7 +314,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -409,7 +400,7 @@
.p-dropdown {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -476,7 +467,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -610,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #34495E;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -654,7 +645,7 @@
padding: 0.5rem 0.5rem;
border: 1px solid #2C3E50;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -704,6 +695,22 @@
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-listbox {
background: #1C2833;
color: #ebedef;
@ -734,7 +741,7 @@
padding: 0.5rem 1rem;
border: 0 none;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -758,7 +765,7 @@
.p-multiselect {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -814,13 +821,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.2);
}
.p-multiselect-panel .p-multiselect-items {
@ -832,7 +841,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -878,7 +887,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #9575CD;
@ -910,7 +919,7 @@
.p-rating .p-rating-icon {
color: #ebedef;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -935,7 +944,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -998,7 +1007,7 @@
background: #34495E;
border: 2px solid #9575CD;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1017,7 +1026,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1061,7 +1070,7 @@
border: 1px solid #9575CD;
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1262,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #aeb6bf;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #aeb6bf;
}
.p-carousel .p-carousel-indicators {
@ -1285,7 +1296,7 @@
background-color: #34495E;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1332,7 +1343,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1376,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #D1C4E9;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1387,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #9575CD;
@ -1534,7 +1545,7 @@
background: #9575CD;
border: 1px solid #9575CD;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1569,7 +1580,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #485b6e;
@ -1629,7 +1640,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1694,7 +1705,7 @@
margin-left: -0.46em;
color: #aeb6bf;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1716,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1729,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
.p-paginator .p-dropdown {
@ -1743,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #9575CD;
border-color: #9575CD;
color: #ffffff;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -1790,7 +1806,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1846,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #9575CD;
@ -1938,7 +1954,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1982,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #D1C4E9;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1994,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #aeb6bf;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #9575CD;
@ -2070,7 +2086,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2171,13 +2187,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2209,11 +2225,13 @@
height: 2rem;
color: #aeb6bf;
background: transparent;
border: 0 none;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2258,7 +2276,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2318,13 +2336,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2370,6 +2390,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #9575CD;
border: 0 none;
color: #ffffff;
width: 2rem;
height: 2rem;
@ -2377,10 +2398,11 @@
top: -1rem;
right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #673AB7;
border-color: transparent;
color: #ffffff;
}
.p-overlaypanel:after {
@ -2409,14 +2431,16 @@
}
.p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #aeb6bf;
width: 2rem;
height: 2rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -2494,7 +2518,7 @@
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2525,7 +2549,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2575,7 +2599,7 @@
margin: 0.25rem 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2589,7 +2613,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2624,7 +2648,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2703,7 +2727,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2762,7 +2786,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2796,7 +2820,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2839,7 +2863,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: rgba(255, 255, 255, 0.1);
@ -2859,15 +2883,20 @@
display: flex;
color: #aeb6bf;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover {
color: #aeb6bf;
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2887,7 +2916,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2897,7 +2926,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2981,7 +3010,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3030,7 +3059,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3089,7 +3118,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: transparent;
}
@ -3149,7 +3178,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3185,7 +3214,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3239,7 +3268,7 @@
margin: 0.25rem 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3357,7 +3386,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
@ -3403,7 +3432,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2);
@ -3455,7 +3484,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3470,7 +3499,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3492,7 +3521,7 @@
background-color: #34495E;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3532,7 +3561,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3548,7 +3577,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.1rem #C8E6C9;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.5rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: 2.5rem;
height: 2.5rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -247,7 +233,7 @@
color: #aeb6bf;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #ebedef;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -312,6 +298,11 @@
box-shadow: 0 0 0 0.1rem #C8E6C9;
}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
padding: 0;
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
@ -323,7 +314,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -409,7 +400,7 @@
.p-dropdown {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -476,7 +467,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -610,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #34495E;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -654,7 +645,7 @@
padding: 0.5rem 0.5rem;
border: 1px solid #2C3E50;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -704,6 +695,22 @@
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-listbox {
background: #1C2833;
color: #ebedef;
@ -734,7 +741,7 @@
padding: 0.5rem 1rem;
border: 0 none;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -758,7 +765,7 @@
.p-multiselect {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -814,13 +821,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.2);
}
.p-multiselect-panel .p-multiselect-items {
@ -832,7 +841,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -878,7 +887,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #81C784;
@ -910,7 +919,7 @@
.p-rating .p-rating-icon {
color: #ebedef;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -935,7 +944,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -998,7 +1007,7 @@
background: #34495E;
border: 2px solid #81C784;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1017,7 +1026,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1061,7 +1070,7 @@
border: 1px solid #81C784;
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1262,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #aeb6bf;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #aeb6bf;
}
.p-carousel .p-carousel-indicators {
@ -1285,7 +1296,7 @@
background-color: #34495E;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1332,7 +1343,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1376,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #C8E6C9;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1387,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #81C784;
@ -1534,7 +1545,7 @@
background: #81C784;
border: 1px solid #81C784;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1569,7 +1580,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #485b6e;
@ -1629,7 +1640,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1694,7 +1705,7 @@
margin-left: -0.46em;
color: #aeb6bf;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1716,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1729,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
.p-paginator .p-dropdown {
@ -1743,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #81C784;
border-color: #81C784;
color: #212529;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -1790,7 +1806,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1846,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #81C784;
@ -1938,7 +1954,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1982,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #C8E6C9;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1994,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #aeb6bf;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #81C784;
@ -2070,7 +2086,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2171,13 +2187,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2209,11 +2225,13 @@
height: 2rem;
color: #aeb6bf;
background: transparent;
border: 0 none;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2258,7 +2276,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2318,13 +2336,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2370,6 +2390,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #81C784;
border: 0 none;
color: #212529;
width: 2rem;
height: 2rem;
@ -2377,10 +2398,11 @@
top: -1rem;
right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #4CAF50;
border-color: transparent;
color: #212529;
}
.p-overlaypanel:after {
@ -2409,14 +2431,16 @@
}
.p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #aeb6bf;
width: 2rem;
height: 2rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -2494,7 +2518,7 @@
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2525,7 +2549,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2575,7 +2599,7 @@
margin: 0.25rem 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2589,7 +2613,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2624,7 +2648,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2703,7 +2727,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2762,7 +2786,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2796,7 +2820,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2839,7 +2863,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: rgba(255, 255, 255, 0.1);
@ -2859,15 +2883,20 @@
display: flex;
color: #aeb6bf;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover {
color: #aeb6bf;
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2887,7 +2916,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2897,7 +2926,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2981,7 +3010,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3030,7 +3059,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3089,7 +3118,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: transparent;
}
@ -3149,7 +3178,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3185,7 +3214,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3239,7 +3268,7 @@
margin: 0.25rem 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3357,7 +3386,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
@ -3403,7 +3432,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2);
@ -3455,7 +3484,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3470,7 +3499,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3492,7 +3521,7 @@
background-color: #34495E;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3532,7 +3561,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3548,7 +3577,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.1rem #C5CAE9;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.5rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: 2.5rem;
height: 2.5rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -247,7 +233,7 @@
color: #aeb6bf;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #ebedef;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -312,6 +298,11 @@
box-shadow: 0 0 0 0.1rem #C5CAE9;
}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
padding: 0;
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
@ -323,7 +314,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -409,7 +400,7 @@
.p-dropdown {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -476,7 +467,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -610,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #34495E;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -654,7 +645,7 @@
padding: 0.5rem 0.5rem;
border: 1px solid #2C3E50;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -704,6 +695,22 @@
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-listbox {
background: #1C2833;
color: #ebedef;
@ -734,7 +741,7 @@
padding: 0.5rem 1rem;
border: 0 none;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -758,7 +765,7 @@
.p-multiselect {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -814,13 +821,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.2);
}
.p-multiselect-panel .p-multiselect-items {
@ -832,7 +841,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -878,7 +887,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #7986CB;
@ -910,7 +919,7 @@
.p-rating .p-rating-icon {
color: #ebedef;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -935,7 +944,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -998,7 +1007,7 @@
background: #34495E;
border: 2px solid #7986CB;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1017,7 +1026,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1061,7 +1070,7 @@
border: 1px solid #7986CB;
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1262,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #aeb6bf;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #aeb6bf;
}
.p-carousel .p-carousel-indicators {
@ -1285,7 +1296,7 @@
background-color: #34495E;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1332,7 +1343,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1376,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #C5CAE9;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1387,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #7986CB;
@ -1534,7 +1545,7 @@
background: #7986CB;
border: 1px solid #7986CB;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1569,7 +1580,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #485b6e;
@ -1629,7 +1640,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1694,7 +1705,7 @@
margin-left: -0.46em;
color: #aeb6bf;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1716,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1729,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
.p-paginator .p-dropdown {
@ -1743,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #7986CB;
border-color: #7986CB;
color: #ffffff;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -1790,7 +1806,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1846,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #7986CB;
@ -1938,7 +1954,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1982,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #C5CAE9;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1994,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #aeb6bf;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #7986CB;
@ -2070,7 +2086,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2171,13 +2187,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2209,11 +2225,13 @@
height: 2rem;
color: #aeb6bf;
background: transparent;
border: 0 none;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2258,7 +2276,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2318,13 +2336,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2370,6 +2390,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #7986CB;
border: 0 none;
color: #ffffff;
width: 2rem;
height: 2rem;
@ -2377,10 +2398,11 @@
top: -1rem;
right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #3F51B5;
border-color: transparent;
color: #ffffff;
}
.p-overlaypanel:after {
@ -2409,14 +2431,16 @@
}
.p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #aeb6bf;
width: 2rem;
height: 2rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -2494,7 +2518,7 @@
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2525,7 +2549,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2575,7 +2599,7 @@
margin: 0.25rem 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2589,7 +2613,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2624,7 +2648,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2703,7 +2727,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2762,7 +2786,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2796,7 +2820,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2839,7 +2863,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: rgba(255, 255, 255, 0.1);
@ -2859,15 +2883,20 @@
display: flex;
color: #aeb6bf;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover {
color: #aeb6bf;
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2887,7 +2916,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2897,7 +2926,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2981,7 +3010,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3030,7 +3059,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3089,7 +3118,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: transparent;
}
@ -3149,7 +3178,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3185,7 +3214,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3239,7 +3268,7 @@
margin: 0.25rem 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3357,7 +3386,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
@ -3403,7 +3432,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2);
@ -3455,7 +3484,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3470,7 +3499,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3492,7 +3521,7 @@
background-color: #34495E;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3532,7 +3561,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3548,7 +3577,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.1rem #FFECB3;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.5rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: 2.5rem;
height: 2.5rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -247,7 +233,7 @@
color: #aeb6bf;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #ebedef;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -312,6 +298,11 @@
box-shadow: 0 0 0 0.1rem #FFECB3;
}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
padding: 0;
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
@ -323,7 +314,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -409,7 +400,7 @@
.p-dropdown {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -476,7 +467,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -610,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #34495E;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -654,7 +645,7 @@
padding: 0.5rem 0.5rem;
border: 1px solid #2C3E50;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -704,6 +695,22 @@
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-listbox {
background: #1C2833;
color: #ebedef;
@ -734,7 +741,7 @@
padding: 0.5rem 1rem;
border: 0 none;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -758,7 +765,7 @@
.p-multiselect {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -814,13 +821,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.2);
}
.p-multiselect-panel .p-multiselect-items {
@ -832,7 +841,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -878,7 +887,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #FFD54F;
@ -910,7 +919,7 @@
.p-rating .p-rating-icon {
color: #ebedef;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -935,7 +944,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -998,7 +1007,7 @@
background: #34495E;
border: 2px solid #FFD54F;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1017,7 +1026,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1061,7 +1070,7 @@
border: 1px solid #FFD54F;
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1262,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #aeb6bf;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #aeb6bf;
}
.p-carousel .p-carousel-indicators {
@ -1285,7 +1296,7 @@
background-color: #34495E;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1332,7 +1343,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1376,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #FFECB3;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1387,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #FFD54F;
@ -1534,7 +1545,7 @@
background: #FFD54F;
border: 1px solid #FFD54F;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1569,7 +1580,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #485b6e;
@ -1629,7 +1640,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1694,7 +1705,7 @@
margin-left: -0.46em;
color: #aeb6bf;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1716,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1729,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
.p-paginator .p-dropdown {
@ -1743,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #FFD54F;
border-color: #FFD54F;
color: #212529;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -1790,7 +1806,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1846,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #FFD54F;
@ -1938,7 +1954,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1982,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #FFECB3;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1994,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #aeb6bf;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #FFD54F;
@ -2070,7 +2086,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2171,13 +2187,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2209,11 +2225,13 @@
height: 2rem;
color: #aeb6bf;
background: transparent;
border: 0 none;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2258,7 +2276,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2318,13 +2336,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2370,6 +2390,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #FFD54F;
border: 0 none;
color: #212529;
width: 2rem;
height: 2rem;
@ -2377,10 +2398,11 @@
top: -1rem;
right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #FFC107;
border-color: transparent;
color: #212529;
}
.p-overlaypanel:after {
@ -2409,14 +2431,16 @@
}
.p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #aeb6bf;
width: 2rem;
height: 2rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -2494,7 +2518,7 @@
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2525,7 +2549,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2575,7 +2599,7 @@
margin: 0.25rem 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2589,7 +2613,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2624,7 +2648,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2703,7 +2727,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2762,7 +2786,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2796,7 +2820,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2839,7 +2863,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: rgba(255, 255, 255, 0.1);
@ -2859,15 +2883,20 @@
display: flex;
color: #aeb6bf;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover {
color: #aeb6bf;
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2887,7 +2916,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2897,7 +2926,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2981,7 +3010,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3030,7 +3059,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3089,7 +3118,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: transparent;
}
@ -3149,7 +3178,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3185,7 +3214,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3239,7 +3268,7 @@
margin: 0.25rem 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3357,7 +3386,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
@ -3403,7 +3432,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2);
@ -3455,7 +3484,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3470,7 +3499,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3492,7 +3521,7 @@
background-color: #34495E;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3532,7 +3561,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3548,7 +3577,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.1rem #E1BEE7;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.5rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: 2.5rem;
height: 2.5rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -247,7 +233,7 @@
color: #aeb6bf;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #ebedef;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -312,6 +298,11 @@
box-shadow: 0 0 0 0.1rem #E1BEE7;
}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
padding: 0;
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
@ -323,7 +314,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -409,7 +400,7 @@
.p-dropdown {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -476,7 +467,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -610,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #34495E;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -654,7 +645,7 @@
padding: 0.5rem 0.5rem;
border: 1px solid #2C3E50;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -704,6 +695,22 @@
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-listbox {
background: #1C2833;
color: #ebedef;
@ -734,7 +741,7 @@
padding: 0.5rem 1rem;
border: 0 none;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -758,7 +765,7 @@
.p-multiselect {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -814,13 +821,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.2);
}
.p-multiselect-panel .p-multiselect-items {
@ -832,7 +841,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -878,7 +887,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #BA68C8;
@ -910,7 +919,7 @@
.p-rating .p-rating-icon {
color: #ebedef;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -935,7 +944,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -998,7 +1007,7 @@
background: #34495E;
border: 2px solid #BA68C8;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1017,7 +1026,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1061,7 +1070,7 @@
border: 1px solid #BA68C8;
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1262,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #aeb6bf;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #aeb6bf;
}
.p-carousel .p-carousel-indicators {
@ -1285,7 +1296,7 @@
background-color: #34495E;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1332,7 +1343,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1376,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #E1BEE7;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1387,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #BA68C8;
@ -1534,7 +1545,7 @@
background: #BA68C8;
border: 1px solid #BA68C8;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1569,7 +1580,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #485b6e;
@ -1629,7 +1640,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1694,7 +1705,7 @@
margin-left: -0.46em;
color: #aeb6bf;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1716,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1729,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
.p-paginator .p-dropdown {
@ -1743,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #BA68C8;
border-color: #BA68C8;
color: #ffffff;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -1790,7 +1806,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1846,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #BA68C8;
@ -1938,7 +1954,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1982,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #E1BEE7;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1994,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #aeb6bf;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #BA68C8;
@ -2070,7 +2086,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2171,13 +2187,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2209,11 +2225,13 @@
height: 2rem;
color: #aeb6bf;
background: transparent;
border: 0 none;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2258,7 +2276,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2318,13 +2336,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2370,6 +2390,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #BA68C8;
border: 0 none;
color: #ffffff;
width: 2rem;
height: 2rem;
@ -2377,10 +2398,11 @@
top: -1rem;
right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #9C27B0;
border-color: transparent;
color: #ffffff;
}
.p-overlaypanel:after {
@ -2409,14 +2431,16 @@
}
.p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #aeb6bf;
width: 2rem;
height: 2rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -2494,7 +2518,7 @@
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2525,7 +2549,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2575,7 +2599,7 @@
margin: 0.25rem 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2589,7 +2613,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2624,7 +2648,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2703,7 +2727,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2762,7 +2786,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2796,7 +2820,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2839,7 +2863,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: rgba(255, 255, 255, 0.1);
@ -2859,15 +2883,20 @@
display: flex;
color: #aeb6bf;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover {
color: #aeb6bf;
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2887,7 +2916,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2897,7 +2926,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2981,7 +3010,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3030,7 +3059,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3089,7 +3118,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: transparent;
}
@ -3149,7 +3178,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3185,7 +3214,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3239,7 +3268,7 @@
margin: 0.25rem 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3357,7 +3386,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
@ -3403,7 +3432,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2);
@ -3455,7 +3484,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3470,7 +3499,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3492,7 +3521,7 @@
background-color: #34495E;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3532,7 +3561,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3548,7 +3577,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);

View File

@ -51,22 +51,6 @@
box-shadow: 0 0 0 0.1rem #B2DFDB;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.5rem;
}
@ -122,7 +106,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
@ -169,20 +153,22 @@
width: 2.5rem;
height: 2.5rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
@ -211,7 +197,7 @@
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -247,7 +233,7 @@
color: #aeb6bf;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:hover {
color: #ebedef;
@ -270,7 +256,7 @@
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
@ -312,6 +298,11 @@
box-shadow: 0 0 0 0.1rem #B2DFDB;
}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
padding: 0;
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
@ -323,7 +314,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
@ -409,7 +400,7 @@
.p-dropdown {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
@ -476,7 +467,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
@ -610,7 +601,7 @@
}
.p-inputswitch .p-inputswitch-slider {
background: #34495E;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
@ -654,7 +645,7 @@
padding: 0.5rem 0.5rem;
border: 1px solid #2C3E50;
border-width: 1px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
}
@ -704,6 +695,22 @@
padding-right: 2rem;
}
::-webkit-input-placeholder {
color: #aeb6bf;
}
:-moz-placeholder {
color: #aeb6bf;
}
::-moz-placeholder {
color: #aeb6bf;
}
:-ms-input-placeholder {
color: #aeb6bf;
}
.p-listbox {
background: #1C2833;
color: #ebedef;
@ -734,7 +741,7 @@
padding: 0.5rem 1rem;
border: 0 none;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
@ -758,7 +765,7 @@
.p-multiselect {
background: #34495E;
border: 1px solid #2C3E50;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
@ -814,13 +821,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.2);
}
.p-multiselect-panel .p-multiselect-items {
@ -832,7 +841,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@ -878,7 +887,7 @@
height: 1.5rem;
color: #ebedef;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #4DB6AC;
@ -910,7 +919,7 @@
.p-rating .p-rating-icon {
color: #ebedef;
margin-left: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
@ -935,7 +944,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
@ -998,7 +1007,7 @@
background: #34495E;
border: 2px solid #4DB6AC;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
@ -1017,7 +1026,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
@ -1061,7 +1070,7 @@
border: 1px solid #4DB6AC;
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-button:enabled:hover {
@ -1262,16 +1271,18 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #aeb6bf;
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #aeb6bf;
}
.p-carousel .p-carousel-indicators {
@ -1285,7 +1296,7 @@
background-color: #34495E;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@ -1332,7 +1343,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
@ -1376,7 +1387,7 @@
.p-datatable .p-datatable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #B2DFDB;
}
.p-datatable .p-datatable-tbody > tr > td {
@ -1387,7 +1398,7 @@
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover {
color: #4DB6AC;
@ -1534,7 +1545,7 @@
background: #4DB6AC;
border: 1px solid #4DB6AC;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
align-items: center;
@ -1569,7 +1580,7 @@
background: #34495E;
border: 1px solid #34495E;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover {
background: #485b6e;
@ -1629,7 +1640,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1694,7 +1705,7 @@
margin-left: -0.46em;
color: #aeb6bf;
border-radius: 3px;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
@ -1716,12 +1727,13 @@
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
@ -1729,6 +1741,7 @@
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
.p-paginator .p-dropdown {
@ -1743,20 +1756,23 @@
border: 0 none;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #aeb6bf;
min-width: 2.357rem;
height: 2.357rem;
border: 0 none;
margin: 0.143rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #4DB6AC;
border-color: #4DB6AC;
color: #212529;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -1790,7 +1806,7 @@
border: 0 none;
color: #ebedef;
background: transparent;
transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.1);
@ -1846,13 +1862,13 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
color: #aeb6bf;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover {
color: #4DB6AC;
@ -1938,7 +1954,7 @@
font-weight: 600;
color: #ebedef;
background: #1C2833;
transition: background-color 0.2s, outline-color 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
@ -1982,7 +1998,7 @@
.p-treetable .p-treetable-tbody > tr {
background: #1C2833;
color: #ebedef;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: #B2DFDB;
}
.p-treetable .p-treetable-tbody > tr > td {
@ -1994,7 +2010,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #aeb6bf;
margin-right: 0.5rem;
transition: color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
color: #4DB6AC;
@ -2070,7 +2086,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
@ -2171,13 +2187,13 @@
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
@ -2209,11 +2225,13 @@
height: 2rem;
color: #aeb6bf;
background: transparent;
border: 0 none;
border-radius: 50%;
transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
@ -2258,7 +2276,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
@ -2318,13 +2336,15 @@
width: 2rem;
height: 2rem;
color: #aeb6bf;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
color: #ebedef;
border-color: transparent;
background: rgba(255, 255, 255, 0.1);
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
@ -2370,6 +2390,7 @@
}
.p-overlaypanel .p-overlaypanel-close {
background: #4DB6AC;
border: 0 none;
color: #212529;
width: 2rem;
height: 2rem;
@ -2377,10 +2398,11 @@
top: -1rem;
right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-overlaypanel .p-overlaypanel-close:hover {
background: #009688;
border-color: transparent;
color: #212529;
}
.p-overlaypanel:after {
@ -2409,14 +2431,16 @@
}
.p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #aeb6bf;
width: 2rem;
height: 2rem;
border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #ebedef;
}
@ -2494,7 +2518,7 @@
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
@ -2525,7 +2549,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
@ -2575,7 +2599,7 @@
margin: 0.25rem 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-megamenu {
@ -2589,7 +2613,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2624,7 +2648,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
@ -2703,7 +2727,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
@ -2762,7 +2786,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
@ -2796,7 +2820,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2839,7 +2863,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: rgba(255, 255, 255, 0.1);
@ -2859,15 +2883,20 @@
display: flex;
color: #aeb6bf;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 3px;
transition: box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover {
color: #aeb6bf;
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
@ -2887,7 +2916,7 @@
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
@ -2897,7 +2926,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
@ -2981,7 +3010,7 @@
background: #1C2833;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
@ -3030,7 +3059,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
@ -3089,7 +3118,7 @@
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
background: transparent;
}
@ -3149,7 +3178,7 @@
font-weight: 600;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: border-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
@ -3185,7 +3214,7 @@
padding: 0.75rem 1rem;
color: #ebedef;
border-radius: 0;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
@ -3239,7 +3268,7 @@
margin: 0.25rem 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.75rem;
font-size: 0.875rem;
}
.p-inline-message {
@ -3357,7 +3386,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
@ -3403,7 +3432,7 @@
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2);
@ -3455,7 +3484,7 @@
color: #ebedef;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3470,7 +3499,7 @@
color: #aeb6bf;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
@ -3492,7 +3521,7 @@
background-color: #34495E;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@ -3532,7 +3561,7 @@
color: #aeb6bf;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -3548,7 +3577,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);

View File

@ -18,9 +18,10 @@
<span>Utilities</span>
</span>
<div>
<router-link to="/elevation">Elevation</router-link>
<router-link to="/flexgrid">Grid System</router-link>
<router-link to="/icons">Icons</router-link>
<router-link to="/flexgrid">Grid System</router-link>
<router-link to="/elevation">Elevation</router-link>
<router-link to="/spacing">Spacing</router-link>
</div>
<span>

View File

@ -4,7 +4,7 @@
cursor: pointer;
user-select: none;
align-items: center;
vertical-align: bottom;
vertical-align: top;
text-align: center;
}

View File

@ -2,7 +2,7 @@
display: inline-flex;
cursor: pointer;
user-select: none;
vertical-align: bottom;
vertical-align: top;
}
.p-checkbox-box {

View File

@ -2,7 +2,7 @@
display: inline-flex;
cursor: pointer;
user-select: none;
vertical-align: bottom;
vertical-align: top;
}
.p-radiobutton-box {

View File

@ -465,6 +465,11 @@ export default new Router({
path: '/slider',
name: 'slider',
component: () => import('./views/slider/SliderDemo.vue')
},
{
path: '/spacing',
name: 'spacing',
component: () => import('./views/spacing/SpacingDemo.vue')
},
{
path: '/splitbutton',

View File

@ -20,7 +20,7 @@
</TabPanel>
<TabPanel header="Source">
<a href="https://github.com/primefaces/primevue/tree/master/src/views/shadow" class="btn-viewsource" target="_blank" rel="noopener noreferrer">
<a href="https://github.com/primefaces/primevue/tree/master/src/views/elevation" class="btn-viewsource" target="_blank" rel="noopener noreferrer">
<span>View on GitHub</span>
</a>
<CodeHighlight>

View File

@ -0,0 +1,73 @@
<template>
<div>
<div class="content-section introduction">
<div class="feature-intro">
<h1>Spacing</h1>
<p><a href="https://github.com/primefaces/primeflex">PrimeFlex</a> provides various spacing utilities to modify an element's layout.</p>
</div>
</div>
<div class="content-section implementation">
<div class="p-grid">
<div class="p-col-12 p-md-6">
<h3>Use Case 1</h3>
<p>Spacing is a handy utility when elements wrap when screen size get smaller. In example below, when buttons wrap
they are displayed on top of each other whereas with spacing this issue can easily be resolved.
</p>
<h4>Without Spacing</h4>
<Button type="button" label="Button 1" style="width:250px" />
<Button type="button" label="Button 2" style="width:250px" />
<h4>With Spacing</h4>
<Button type="button" label="Button 1" style="width:250px" class="p-mr-2 p-mb-2" />
<Button type="button" label="Button 2" style="width:250px" class="p-mr-2"/>
</div>
<div class="p-col-12 p-md-6">
<h3>Use Case 2</h3>
<p>Spacing utilities also work seamlessly with responsive PrimeFlex grid utilty. Example below demonstrates a case where on a smaller screen inputs receive a margin to position themselves
separately in stacked mode, reduce the dimension of the window to view the difference.
</p>
<h4>Without Spacing</h4>
<div class="p-grid p-formgrid p-fluid">
<div class="p-col-12 p-lg-4">
<InputText />
</div>
<div class="p-col-12 p-lg-4">
<InputText />
</div>
<div class="p-col-12 p-lg-4">
<InputText />
</div>
</div>
<h4>With Spacing</h4>
<div class="p-grid p-formgrid p-fluid">
<div class="p-col-12 p-mb-2 p-lg-4 p-mb-lg-0">
<InputText />
</div>
<div class="p-col-12 p-mb-2 p-lg-4 p-mb-lg-0">
<InputText />
</div>
<div class="p-col-12 p-mb-2 p-lg-4 p-mb-lg-0">
<InputText />
</div>
</div>
</div>
</div>
</div>
<SpacingDoc />
</div>
</template>
<script>
import SpacingDoc from './SpacingDoc';
export default {
components: {
'SpacingDoc': SpacingDoc
}
}
</script>

View File

@ -0,0 +1,64 @@
<template>
<div class="content-section documentation">
<TabView>
<TabPanel header="Documentation">
<h3>Getting Started</h3>
<p>The classes modify the margins and use the <i>p-m{position}-{value}</i> syntax whereas for responsive
values <i>p-m{position}-{breakpoint}-{value}</i> format is used.</p>
<CodeHighlight>
&lt;div class="p-mb-2"&gt;&lt;/i&gt;
&lt;div class="p-mt-4"&gt;&lt;/i&gt;
&lt;div class="p-m-1 p-m-lg-2"&gt;&lt;/i&gt;
</CodeHighlight>
<h3>Position</h3>
<p>Position can either be either of the 4 sides, the x-y axis or blank for the shortand of all sides.</p>
<ul>
<li><b>t</b>: top</li>
<li><b>b</b>: bottom</li>
<li><b>l</b>: left</li>
<li><b>r</b>: right</li>
<li><b>x</b>: left and right</li>
<li><b>y</b>: top and bottom</li>
<li><b>blank</b>: all sides</li>
</ul>
<h3>Value</h3>
<p>Value field varies from 0 to 6 where default value of the <i>$spacer</i> is 1rem. The special auto value is used to center elements using auto margins.</p>
<ul>
<li><b>0</b>: $spacer * 0</li>
<li><b>1</b>: $spacer * .25</li>
<li><b>2</b>: $spacer * .5</li>
<li><b>3</b>: $spacer * 1</li>
<li><b>4</b>: $spacer * 1.5</li>
<li><b>5</b>: $spacer * 2</li>
<li><b>6</b>: $spacer * 3</li>
<li><b>auto</b>: auto margin</li>
</ul>
<h3>Breakpoint</h3>
<p>Breakpoints define how the spacing should be depending on the screen size.</p>
<ul>
<li><b>sm</b>: small screens e.g. phones</li>
<li><b>md</b>: medium screens e.g. tablets</li>
<li><b>lg</b>: large screens e.g. notebooks</li>
<li><b>xl</b>: larger screens .e.g monitors</li>
</ul>
<h3>Dependencies</h3>
<p>PrimeFlex.</p>
</TabPanel>
<TabPanel header="Source">
<a href="https://github.com/primefaces/primevue/tree/master/src/views/spacing" class="btn-viewsource" target="_blank" rel="noopener noreferrer">
<span>View on GitHub</span>
</a>
<CodeHighlight>
<template v-pre>
</template>
</CodeHighlight>
</TabPanel>
</TabView>
</div>
</template>