Files
luos/workflow/engine/skinEngine/lurana/css/viena.css
2025-04-13 15:23:31 +00:00

769 lines
20 KiB
CSS
Executable File

/* Autogenerated CSS file by gulliver framework
Skin: luranasoft-viena
Date: Tue, 26 Nov 2024 04:53:49 GMT*/
.v-sidebar-menu {
position: fixed;
top: 0;
left: 0;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 999;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
-webkit-transition: 0.3s max-width;
transition: 0.3s max-width;
}
.v-sidebar-menu * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.v-sidebar-menu > .vsm--list {
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.v-sidebar-menu .vsm--dropdown > .vsm--list {
padding: 5px;
border-color: #f2f2f2;
background-color: #f2f2f2;
}
.v-sidebar-menu .vsm--item {
position: relative;
display: block;
}
.vsm_collapsed .vsm--item {
margin-left: 0px;
}
.v-sidebar-menu .vsm--link {
cursor: pointer;
position: relative;
display: block;
font-size: 14px;
font-weight: 400;
padding: 5px 8px 5px 0px;
line-height: 30px;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 20;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.v-sidebar-menu .vsm--link_exact-active,
.v-sidebar-menu .vsm--link_active {
font-weight: 600;
}
.v-sidebar-menu .vsm--link_disabled {
opacity: 0.4;
pointer-events: none;
}
.v-sidebar-menu .vsm--link_level-1 .vsm--icon {
line-height: 30px;
width: 30px;
text-align: center;
border-radius: 3px;
margin-right: 0px;
margin-left: 10px;
}
.v-sidebar-menu .vsm--link:after {
content: "";
display: block;
clear: both;
}
.v-sidebar-menu .vsm--link_mobile-item {
background-color: #f2f2f2;
}
.v-sidebar-menu .vsm--link_mobile-item.vsm--link_hover,
.v-sidebar-menu .vsm--link_mobile-item:hover {
background-color: #112369;
border-bottom: 1px solid #112369;
border-top: 1px solid #112369;
border-right: 4px solid #333333;
color:#ffffff !important;
}
.v-sidebar-menu .vsm--title {
display: block;
white-space: nowrap;
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.v-sidebar-menu .vsm--icon {
float: left;
line-height: 30px;
margin-right: 10px;
}
.vsm--link_level-2 > .vsm--icon {
margin-top: 0px;
padding-left: 20px;
}
.v-sidebar-menu .vsm--arrow {
width: 30px;
text-align: center;
font-style: normal;
font-weight: 900;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.3s -webkit-transform;
transition: 0.3s -webkit-transform;
transition: 0.3s transform;
transition: 0.3s transform, 0.3s -webkit-transform;
}
.v-sidebar-menu .vsm--arrow:after {
content: "\F0A9";
font-family: "Font Awesome 5 Free";
}
.v-sidebar-menu .vsm--arrow_open {
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}
.v-sidebar-menu .vsm--arrow_slot:after {
display: none;
}
.v-sidebar-menu .vsm--header {
font-size: 14px;
font-weight: 600;
padding: 10px;
white-space: nowrap;
text-transform: uppercase;
}
.v-sidebar-menu .vsm--badge {
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 11px;
}
.v-sidebar-menu .vsm--badge_default {
padding: 0px 6px;
font-size: 12px;
border-radius: 3px;
height: 20px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
}
.v-sidebar-menu .vsm--toggle-btn {
display: block;
text-align: center;
font-style: normal;
font-weight: 900;
height: 50px;
cursor: pointer;
border: none;
width: 100%;
}
.v-sidebar-menu .vsm--toggle-btn:after {
content: "\F337";
font-family: "Font Awesome 5 Free";
}
.v-sidebar-menu .vsm--toggle-btn_slot:after {
display: none;
}
.v-sidebar-menu.vsm_collapsed .vsm--link_level-1.vsm--link_hover,
.v-sidebar-menu.vsm_collapsed .vsm--link_level-1:hover {
background-color: transparent !important;
}
.v-sidebar-menu.vsm_collapsed .vsm--link_level-1 .vsm--icon,
.v-sidebar-menu.vsm_collapsed .vsm--link_level-2 > .vsm--icon {
margin-right: 0px;
padding-left: 0px;
}
.v-sidebar-menu.vsm_rtl {
right: 0;
left: inherit;
text-align: right;
}
.v-sidebar-menu.vsm_rtl > .vsm--list {
direction: rtl;
}
.v-sidebar-menu.vsm_rtl.vsm_collapsed
> .vsm--list
.vsm--link_level-1
.vsm--icon .fas .fa-chart-pie {
margin-left: 0px;
}
.v-sidebar-menu.vsm_rtl .vsm--icon {
float: right;
margin-left: 10px;
margin-right: 0px;
}
.v-sidebar-menu.vsm_rtl .vsm--arrow {
left: 10px;
right: inherit;
}
.v-sidebar-menu.vsm_rtl .vsm--badge {
left: 10px;
right: inherit;
}
.v-sidebar-menu .expand-enter-active,
.v-sidebar-menu .expand-leave-active {
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
overflow: hidden;
}
.v-sidebar-menu .expand-enter,
.v-sidebar-menu .expand-leave-to {
height: 0 !important;
}
.v-sidebar-menu .slide-animation-enter-active {
-webkit-animation: slide-animation 0.2s;
animation: slide-animation 0.2s;
}
.v-sidebar-menu .slide-animation-leave-active {
animation: slide-animation 0.2s reverse;
}
@-webkit-keyframes slide-animation {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes slide-animation {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
.v-sidebar-menu .vsm--mobile-item > .vsm--item {
padding-top: 0 !important;
margin-top: 0 !important;
}
.v-sidebar-menu {
background-color: #f2f2f2;
}
.v-sidebar-menu .vsm--scroll-wrapper {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.v-sidebar-menu .vsm--link {
color: #333333;
font-family: "Open Sans", Arial, sans-serif;
font-size: 13px;
border-bottom: 1px solid #DDDDDD;
}
.v-sidebar-menu .vsm--link_exact-active,
.v-sidebar-menu .vsm--link_active {
background-color: #fff !important;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 4px solid #3071A9;
border-bottom: 1px solid #e0e0e0;
color:#333333;
}
.v-sidebar-menu .vsm--link_level-1 .vsm--link_exact-active,
.v-sidebar-menu .vsm--link_level-1 .vsm--link_active {
-webkit-box-shadow: 3px 0px 0px 0px #3397e1 inset;
box-shadow: 3px 0px 0px 0px #3397e1 inset;
}
.v-sidebar-menu .vsm--link_level-1.vsm--link_exact-active .vsm--icon,
.v-sidebar-menu .vsm--link_level-1.vsm--link_active .vsm--icon {
color: #989898;
}
a.router-link-exact-active.router-link-active.vsm--link.vsm--link_level-2.vsm--link_active.vsm--link_exact-active {
color: #333333;
background-color: #fff !important;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 4px solid #c5c5c5;
border-bottom: 1px solid #e0e0e0;
}
.v-sidebar-menu .vsm--link_hover,
.v-sidebar-menu .vsm--link:hover {
color: #333333;
background-color: #fff !important;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 4px solid #c5c5c5;
border-bottom: 1px solid #e0e0e0;
}
.v-sidebar-menu .vsm--dropdown .vsm--link:hover {
color: #333333;
background-color: #fff !important;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 4px solid #c5c5c5;
border-bottom: 1px solid #e0e0e0;
}
.v-sidebar-menu .vsm--link_mobile-item {
color: #333333;
}
.v-sidebar-menu .vsm--link_mobile-item.vsm--link_hover,
.v-sidebar-menu .vsm--link_mobile-item:hover {
color: #333333;
}
.v-sidebar-menu.vsm_collapsed .vsm--link_level-1.vsm--link_hover .vsm--icon,
.v-sidebar-menu.vsm_collapsed .vsm--link_level-1:hover .vsm--icon {
color: #333333;
background-color: #f2f2f2;
}
.v-sidebar-menu .vsm--dropdown .vsm--link {
color: #333333;
background-color: #f2f2f2;
}
.vsm--link_level-2:hover .vsm--title,
.vsm--link_level-2:hover .vsm--icon {
color: #333;
}
.v-sidebar-menu .vsm--mobile-bg {
color: #33333;
background-color: #fff !important;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 4px solid #c5c5c5;
border-bottom: 1px solid #e0e0e0;
}
.v-sidebar-menu.vsm_expanded .vsm--item_open .vsm--link_level-1 {
color: #33333;
background-color: #fff !important;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 4px solid #c5c5c5;
border-bottom: 1px solid #e0e0e0;
}
.v-sidebar-menu.vsm_expanded .vsm--item_open .vsm--link_level-1 .vsm--icon {
color: #333;
background-color: #ffffff !important;
}
.v-sidebar-menu.vsm_rtl .vsm--link_level-1.vsm--link_active,
.v-sidebar-menu.vsm_rtl .vsm--link_level-1.vsm--link_exact-active {
-webkit-box-shadow: -3px 0px 0px 0px #3397e1 inset;
box-shadow: -3px 0px 0px 0px #9ac5c7 inset;
}
.v-sidebar-menu .vsm--header {
color:#007ea7;
font-family: "Open Sans", Arial, sans-serif;
font-size: 13px;
}
.v-sidebar-menu .vsm--badge_default {
color: #fff;
background-color: #1e1e21;
}
.v-sidebar-menu .vsm--toggle-btn {
color: #222222;
background-color: #fff;
}
.vsm--item > .vsm--item_open {
color: #fff;
background-color: #112369;
border-bottom: 1px solid #112369;
border-top: 1px solid #112369;
border-right: 4px solid #333333;
}
.vsm--item > .vsm--item_open .vsm--icon {
color: #333333;
}
.v-sidebar-menu
.vsm--dropdown
> .vsm--list
.vsm--link.vsm--link_level-2.vsm--item_open {
color: #fff;
background-color: #112369;
border-bottom: 1px solid #112369;
border-top: 1px solid #112369;
border-right: 4px solid #333333;
}
.bs-frame-ltr {
height: calc(100vh - 0.1em);
overflow-y: hidden;
float: right;
}
.bs-frame-rtl {
height: calc(100vh - 0.1em);
overflow-y: hidden;
float: left;
}
.v-sidebar-menu .vsm--arrow-rtl:after {
content: "\F0A9" !important;
font-family: "Font Awesome 5 Free";
}
.v-sidebar-menu .vsm--arrow.vsm--arrow_open-rtl {
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(270deg) !important;
}
.vsm--mobile-item {
max-width: 210px !important;
}
a:hover {
color: #333333;
background-color: transparent;
}
#home {
padding-left: 260px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#home.collapsed {
padding-left: 50px;
}
#home.onmobile {
padding-left: 50px;
}
.container {
max-width: 1500px;
}
.bg-primary-pm {
background-color: #3071A9;
}
.table thead th {
vertical-align: middle;
background-color: #3071A9;
border-right: 2px solid #ffffff;
color: #fff;
text-align: center;
font-family: Chivo-regular, sans-serif;
font-size: 14px;
font-weight: bold;
}
.v-btn-request.btn-success {
color: #fff;
background-color: #003249;
border-color: #003249;
border-radius: 20px 20px;
}
.v-btn-request.btn-success.focus,
.v-btn-request.btn-success:focus,
.v-btn-request.btn-success:hover {
color: #fff;
background-color: #80ced7;
border-color: #80ced7;
border-radius: 20px 20px;
}
.v-btn-request.btn-success.focus,
.v-btn-request.btn-success:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 72, 180, 0.5);
}
.v-btn-request.btn-success.disabled,
.v-btn-request.btn-success:disabled {
color: #fff;
background-color: #f2f2f2;
border-color: #f2f2f2;
}
.v-btn-request.btn-success:not(:disabled):not(.disabled).active,
.v-btn-request.btn-success:not(:disabled):not(.disabled):active,
.show > .v-btn-request.btn-success.dropdown-toggle {
color: #fff;
background-color: #112369;
border-color: #112369;
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 72, 180, 0.5);
}
.btn-outline-info {
color: #666666;
border-color: #f2f2f2;
}
.btn-outline-info:hover {
color: #112369;
background-color: #f2f2f2;
border-color: #cdcdcd;
}
.btn-outline-info.focus,
.btn-outline-info:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 82, 184, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: #0a47b1;
background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #0a47b1;
border-color: #0a47b1;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(147, 55, 207, 0.03);
}
.pm-multiview-header-button {
background-color: transparent;
border-color: white;
font-size: 1.6rem;
color: #3071A9;
display: inline-block;
padding: 0px 7px 0px 7px;
}
.pm-multiview-header-button:hover {
background-color: transparent;
border-color: white;
font-size: 1.6rem;
color: #3071A9;
display: inline-block;
padding: 0px 7px 0px 7px;
}
.pm-multiview-header-button.focus,
.pm-multiview-header-button:focus,
.pm-multiview-header-button:hover {
color: #112369;
}
.pm-multiview-header-button.focus,
.pm-multiview-header-button:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 72, 180, 0.5);
}
.pm-multiview-header-button.disabled,
.pm-multiview-header-button:disabled {
color: #fff;
background-color: #f2f2f2;
border-color: #f2f2f2;
}
.pm-multiview-header-button:not(:disabled):not(.disabled).active,
.pm-multiview-header-button:not(:disabled):not(.disabled):active,
.show > .pm-multiview-header-button.dropdown-toggle {
color: #fff;
background-color: #112369;
border-color: #112369;
}
.pm-multiview-header-button:not(:disabled):not(.disabled).active:focus,
.pm-multiview-header-button:not(:disabled):not(.disabled):active:focus,
.show > .pm-multiview-header-button.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 72, 180, 0.5);
}
.pm-vue-list-inside {
border-left: solid #112369;
color: #212529;
background-color: rgba(147, 55, 207, 0.02);
}
.pm-vue-card-inside {
border-left: solid #112369;
color: #666666;
background-color: #f8f9fa;
}
.v-process-card {
margin-right: 15px;
margin-bottom: 15px;
border-left: solid #112369;
}
.card-body {
background-color: #fcf9fd;
color: #666666;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem;
}
.text-muted {
color: #666666 !important;
}
.filter-field {
display: flex;
}
.page-item.active .page-link {
z-index: 3;
color: #ffffff;
background-color: #112369;
border-color: #112369;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #333333;
background-color: #fff;
border: 1px solid #dee2e6;
}
.comment > button {
color: #fff;
background-color: #3071A9;
border-color: #3071A9;
}
.comment > button:hover {
color: #fff;
background-color: #555555;
border-color: #555555;
}
.vp-btn-secondary {
color: #2f3133;
background-color: #b5b6b6;
}
.vp-btn-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.vp-btn-primary-inactive {
color: #6c757d;
background-color: #f2f2f2;
border-color: #f2f2f2;
}
.vp-btn-primary-inactive:hover {
color: #6c757d;
background-color: #9ad1d4;
border-color: #9ad1d4;
}
.v-pm-drill-down-number.btn-primary {
color: #fff;
background-color: #f2f2f2;
border-color: #f2f2f2;
}
.v-pm-drill-down-number.btn-primary.focus,
.v-pm-drill-down-number.btn-primary:focus,
.v-pm-drill-down-number.btn-primary:hover {
color: #fff;
background-color: #9ad1d4;
border-color: #9ad1d4;
}
.v-pm-drill-down-number.btn-primary.focus,
.v-pm-drill-down-number.btn-primary:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 72, 180, 0.5);
}
.v-pm-drill-down-number.btn-primary.disabled,
.v-pm-drill-down-number.btn-primary:disabled {
color: #fff;
background-color: #f2f2f2;
border-color: #f2f2f2;
}
.v-pm-drill-down-number.btn-primary:not(:disabled):not(.disabled).active,
.v-pm-drill-down-number.btn-primary:not(:disabled):not(.disabled):active,
.show > .v-pm-drill-down-number.btn-primary.dropdown-toggle {
color: #fff;
background-color: #112369;
border-color: #112369;
}
.v-pm-drill-down-number.btn-primary:not(:disabled):not(.disabled).active:focus,
.v-pm-drill-down-number.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .v-pm-drill-down-number.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 72, 180, 0.5);
}
.btn-link {
font-weight: 400;
color: #112369;
text-decoration: none;
}
.btn-link:hover {
font-weight: 400;
color: #9ad1d4;
text-decoration: none;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #112369;
background-color: #112369;
}
.fa-edit:before {
color: #333333 !important;
}
.fa-check-circle:before {
color: #333333 !important;
}
.fa-pause-circle:before {
color: #333333 !important;
}
.fa-users:before {
color: #333333 !important;
}
.table{
color:#666666 !important;
font-size:14px;
}
.v-search-title {
color: #333333 !important;
font-family: "Arial";
font-size: 18px;
font-weight: bold;
text-transform: capitalize;
}
.pm-mc-text-icon {
padding-top: 8px;
color: #333333;
}
.bi-arrow-left-circle-fill {
color: #333333;
}
.text-right {
color: #333333;
}
.form-control-sm {
height: calc(1.5em + .5rem + 2px);
padding: 15px !important;
}
.v-btn-texts-header{
font-size:16px;
}
.v-btn-textb-header{
font-size:32px;
}
.v-container-mycases .header-container .btn-primary {
background-color: #007ea7 !important;
border-color: #007ea7 !important;
background-repeat: no-repeat;
background-position: center !important;
background-size: cover !important;
border-radius: 20px 20px;
margin: 10px;
}
.v-container-mycases .header-container .btn-danger {
background-color: #80ced7 !important;
border-color: #80ced7 !important;
background-repeat: no-repeat;
background-position: center !important;
background-size: cover !important;
border-radius: 20px 20px;
margin: 10px;
}
.v-container-mycases .header-container .btn-success {
background-color: #8FBEFF !important;
border-color: #8FBEFF !important;
background-repeat: no-repeat;
background-position: center !important;
background-size: cover !important;
border-radius: 20px 20px;
margin: 10px;
}
.v-container-mycases .header-container .btn-warning {
background-color: #ffc107 !important;
border-color: #ffc107 !important;
background-repeat: no-repeat;
background-position: center !important;
background-size: cover !important;
border-radius: 20px 20px;
margin: 10px;
}
.v-btn-header {
padding: 2px;
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 15px;
}