Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
semour
/
semour_admin
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
db4f1823
authored
Oct 24, 2022
by
mushishixian
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
新主题
parent
f211a8c1
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
4 additions
and
0 deletions
public/vendor/dcat-admin/adminlte/adminlte-layui-green.css
public/vendor/dcat-admin/dcat/css/dcat-app-layui-green.css
vendor/dcat/laravel-admin/resources/dist/adminlte/adminlte-layui-green.css
vendor/dcat/laravel-admin/resources/dist/dcat/css/dcat-app-layui-green.css
public/vendor/dcat-admin/adminlte/adminlte-layui-green.css
0 → 100644
View file @
db4f1823
This diff could not be displayed because it is too large.
public/vendor/dcat-admin/dcat/css/dcat-app-layui-green.css
0 → 100644
View file @
db4f1823
#nprogress
{
pointer-events
:
none
}
#nprogress
.bar
{
background
:
rgba
(
0
,
150
,
136
,
.8
);
position
:
fixed
;
z-index
:
999999
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
2.5px
}
#nprogress
.peg
{
display
:
block
;
position
:
absolute
;
right
:
0
;
width
:
100px
;
height
:
100%
;
box-shadow
:
0
0
10px
#009688
,
0
0
5px
#009688
;
opacity
:
1
;
transform
:
rotate
(
3deg
)
translateY
(
-4px
)}
#nprogress
.spinner
{
display
:
block
;
position
:
fixed
;
z-index
:
1031
;
top
:
75px
;
right
:
15px
}
#nprogress
.spinner-icon
{
width
:
18px
;
height
:
18px
;
box-sizing
:
border-box
;
border-color
:
#009688
transparent
transparent
#009688
;
border-style
:
solid
;
border-width
:
2px
;
border-radius
:
50%
;
animation
:
nprogress-spinner
.4s
linear
infinite
}
.nprogress-custom-parent
{
overflow
:
hidden
;
position
:
relative
}
@keyframes
nprogress-spinner
{
0
%
{
transform
:
rotate
(
0
)}
to
{
transform
:
rotate
(
1turn
)}}
.swal2-title
{
font-weight
:
400
!important
}
.swal2-actions
.btn
{
padding
:
.5rem
1.5rem
!important
}
.swal2-container
{
z-index
:
89891015
!important
}
html
{
font-size
:
14px
;
height
:
100%
;
letter-spacing
:
.01rem
}
html
body
{
background-color
:
#eff1f7
;
color
:
#414750
}
.body-bg
,
.content-wrapper
{
background
:
#eff1f7
}
body
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
body
::-webkit-scrollbar-track
{
background-color
:
#eee
}
body
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.table-main
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
.table-main
::-webkit-scrollbar-track
{
background-color
:
#eee
}
.table-main
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.table-responsive
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
.table-responsive
::-webkit-scrollbar-track
{
background-color
:
#eee
}
.table-responsive
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.select2-container--default
.select2-results
>
.select2-results__options
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
.select2-container--default
.select2-results
>
.select2-results__options
::-webkit-scrollbar-track
{
background-color
:
#eee
}
.select2-container--default
.select2-results
>
.select2-results__options
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.layui-layer-page
.layui-layer-content
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
.layui-layer-page
.layui-layer-content
::-webkit-scrollbar-track
{
background-color
:
#eee
}
.layui-layer-page
.layui-layer-content
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.iconpicker
.iconpicker-items
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
.iconpicker
.iconpicker-items
::-webkit-scrollbar-track
{
background-color
:
#eee
}
.iconpicker
.iconpicker-items
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.breadcrumb
,
.h1
,
.h2
,
.h3
,
.h4
,
.h5
,
.h6
,
.header-navbar
,
.navigation
,
body
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-family
:
Nunito
,
Montserrat
,
system-ui
,
BlinkMacSystemFont
,
-apple-system
,
sans-serif
}
li
{
list-style-type
:
none
}
.text-primary-darker
{
color
:
#007d71
!important
}
.text-danger-darker
{
color
:
#bd4147
!important
}
.text-blue-darker
{
color
:
#236bb0
!important
}
.text-custom
{
color
:
#59a9f8
!important
}
.text-pink
{
color
:
#ff8acc
!important
}
.text-yellow
{
color
:
#edc30e
!important
}
.text-light
{
color
:
#f7f7f9
!important
}
.text-white50
{
color
:
hsla
(
0
,
0%
,
100%
,
.5
)
!important
}
.text-orange
{
color
:
#dda451
!important
}
.text-orange-1
{
color
:
#ffcc80
!important
}
.text-orange-2
{
color
:
#f99037
!important
}
.text-blue-1
{
color
:
#007ee5
!important
}
.text-blue-2
{
color
:
#4199de
!important
}
.text-cyan
{
color
:
#7367f0
!important
}
.text-tear
{
color
:
#01847f
!important
}
.text-tear-1
{
color
:
#00b5b5
!important
}
.text-gray
{
color
:
#b9c3cd
!important
}
.text-20
{
color
:
#f6fbff
!important
}
.text-30
{
color
:
#f4f7fa
!important
}
.text-35
{
color
:
#e7eef7
!important
}
.text-40
{
color
:
#ebf0f3
!important
}
.text-50
{
color
:
#d3dde5
!important
}
.text-60
{
color
:
#bacad6
!important
}
.text-70
{
color
:
#b3b9bf
!important
}
.text-80
{
color
:
#7c858e
!important
}
.text-85
{
color
:
#5c7089
!important
}
.bg-custom
{
background
:
#59a9f8
!important
}
.bg-pink
{
background
:
#ff8acc
!important
}
.bg-yellow
{
background
:
#edc30e
!important
}
.bg-light
{
background
:
#f7f7f9
!important
}
.bg-white50
{
background
:
hsla
(
0
,
0%
,
100%
,
.5
)
!important
}
.bg-orange
{
background
:
#dda451
!important
}
.bg-orange-1
{
background
:
#ffcc80
!important
}
.bg-orange-2
{
background
:
#f99037
!important
}
.bg-blue-1
{
background
:
#007ee5
!important
}
.bg-blue-2
{
background
:
#4199de
!important
}
.bg-cyan
{
background
:
#7367f0
!important
}
.bg-tear
{
background
:
#01847f
!important
}
.bg-tear-1
{
background
:
#00b5b5
!important
}
.bg-default
{
background
:
#d2d6de
!important
}
.bg-gray
{
background
:
#b9c3cd
!important
}
.bg-20
{
background
:
#f6fbff
!important
}
.bg-30
{
background
:
#f4f7fa
!important
}
.bg-35
{
background
:
#e7eef7
!important
}
.bg-40
{
background
:
#ebf0f3
!important
}
.bg-50
{
background
:
#d3dde5
!important
}
.bg-60
{
background
:
#bacad6
!important
}
.bg-70
{
background
:
#b3b9bf
!important
}
.bg-80
{
background
:
#7c858e
!important
}
.bg-primary-gradient
{
background-image
:
linear-gradient
(
60deg
,
#009688
,
0
,
#00b09f
37%
,
#00f2db
65%
,
#07ffe8
)}
.shadow-0
{
box-shadow
:
none
!important
}
.shadow
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
)
!important
}
.shadow-100
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.05
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.05
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.05
)
!important
}
.shadow-200
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)
!important
}
.font-sm-1
{
font-size
:
.7rem
!important
}
.font-sm-2
{
font-size
:
.8rem
!important
}
.font-sm-3
{
font-size
:
.9rem
!important
}
.font-md-1
{
font-size
:
1.1rem
!important
}
.font-md-2
{
font-size
:
1.2rem
!important
}
.font-md-3
{
font-size
:
1.3rem
!important
}
.font-md-4
{
font-size
:
1.4rem
!important
}
.font-md-5
{
font-size
:
1.5rem
!important
}
.font-lg-1
{
font-size
:
2rem
!important
}
.font-lg-2
{
font-size
:
3rem
!important
}
.font-lg-3
{
font-size
:
4rem
!important
}
.font-lg-4
{
font-size
:
5rem
!important
}
.font-lg-5
{
font-size
:
6rem
!important
}
.font-w-300
{
font-weight
:
300
}
.font-w-400
{
font-weight
:
400
}
.font-w-500
{
font-weight
:
500
}
.font-w-600
{
font-weight
:
600
}
.font-w-700
{
font-weight
:
700
}
.mt-1-5
{
margin-top
:
1.5rem
!important
}
.mb-1-5
{
margin-bottom
:
1.5rem
!important
}
.ml-1-5
{
margin-left
:
1.5rem
!important
}
.mr-1-5
{
margin-right
:
1.5rem
!important
}
.pt-1-5
{
padding-top
:
1.5rem
!important
}
.pb-1-5
{
padding-bottom
:
1.5rem
!important
}
.pl-1-5
{
padding-left
:
1.5rem
!important
}
.pr-1-5
{
padding-right
:
1.5rem
!important
}
.text-italic
{
font-style
:
italic
}
.text-highlight
{
padding
:
4px
6px
}
.pin
,
.pin-y
{
top
:
0
;
bottom
:
0
}
.pin
{
right
:
0
;
left
:
0
}
.icon-bg-circle
{
color
:
#fff
;
padding
:
.5rem
;
border-radius
:
50%
}
.icon-left
,
.icon-right
{
margin-right
:
.5rem
}
.icon-spin
{
display
:
inline-block
;
animation
:
spin
1s
linear
infinite
}
.hidden
{
display
:
none
;
visibility
:
hidden
}
.round
{
border-radius
:
1.5rem
}
.square
{
border-radius
:
0
}
.icon-line-height
{
line-height
:
1.5rem
!important
}
.spinner
{
display
:
inline-block
;
animation
:
spin
1s
linear
infinite
}
@keyframes
spin
{
0
%
{
transform
:
rotate
(
0deg
)}
to
{
transform
:
rotate
(
1turn
)}}
button
:focus
{
outline
:
none
}
.overflow-x-auto
{
overflow-x
:
auto
!important
}
.overflow-y-auto
{
overflow-y
:
auto
!important
}
.h1
,
.h2
,
.h3
,
.h4
,
.h5
,
.h6
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
line-height
:
1.3
}
.content
.content-wrapper
{
padding
:
7rem
2.5rem
0
}
.navbar-fixed-top
.content-wrapper
{
padding-top
:
6.4rem
}
.full-page
.content
.content-wrapper
{
padding
:
0
;
margin-left
:
0
!important
}
dl
,
ol
,
ul
{
margin-bottom
:
0
}
.btn
{
padding
:
.54rem
1.2rem
!important
;
height
:
34px
;
line-height
:
1.2
;
border-radius
:
.2rem
;
cursor
:
pointer
;
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.065
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.065
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.065
)}
.btn.btn-trans
{
box-shadow
:
none
}
.btn-trans.btn-primary
{
background-color
:
#63fff0
;
border-color
:
#63fff0
;
color
:
#009688
}
.btn-shadow.btn
,
.btn
:focus
,
.btn
:hover
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.065
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.065
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.065
)}
.btn-shadow.btn
:focus
,
.btn-shadow.btn
:hover
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)}
.btn-group-sm
>
.btn
,
.btn-lg
,
.btn-sm
{
border-radius
:
.2rem
}
.btn-primary
{
color
:
#fff
}
.btn-sm
,
.btn-xs
{
padding
:
.54rem
.9rem
!important
}
a
.btn
,
span
.btn
{
line-height
:
1.4
}
div
.btn
{
line-height
:
1.3
}
.btn-group-sm
>
div
.btn
,
.btn-group-sm
>
span
.btn
,
div
.btn.btn-sm
,
span
.btn.btn-sm
{
line-height
:
1.2
}
.btn-group-sm
>
a
.btn
,
a
.btn-sm
{
line-height
:
1.1
}
.btn-warning
,
.btn.btn-warning.active
,
.btn.btn-warning
:focus
,
.btn.btn-warning
:hover
{
color
:
#fff
}
.btn-group-sm
>
.btn
,
.btn-sm
{
font-size
:
12px
;
line-height
:
1.1
;
height
:
30px
}
.btn-default
{
background
:
#fff
;
border-color
:
#fff
}
.btn-default.active
,
.btn-default
:focus
,
.btn-default
:hover
{
background
:
#fff
;
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.05
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.05
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.05
)}
.btn-group
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.065
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.065
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.065
)}
.btn-group
.btn
:not
(
.btn-white
)
:hover
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.05
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.05
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.05
)}
.btn-group
.btn
{
box-shadow
:
none
!important
}
.btn-group.btn-shadow
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.065
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.065
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.065
)}
.btn-custom
{
color
:
#2a2e30
;
background-color
:
#59a9f8
;
border-color
:
#59a9f8
;
color
:
#fff
}
.btn-custom
:hover
{
color
:
#fff
;
background-color
:
#48a0f7
;
border-color
:
#48a0f7
}
.btn-custom.focus
,
.btn-custom
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
82
,
151
,
218
,
.5
)}
.btn-custom.disabled
,
.btn-custom
:disabled
{
color
:
#2a2e30
;
background-color
:
#59a9f8
;
border-color
:
#59a9f8
}
.btn-custom
:not
(
:disabled
)
:not
(
.disabled
)
.active
,
.btn-custom
:not
(
:disabled
)
:not
(
.disabled
)
:active
,
.show
>
.btn-custom.dropdown-toggle
{
color
:
#fff
;
background-color
:
#419cf7
;
border-color
:
#419cf7
}
.btn-custom
:not
(
:disabled
)
:not
(
.disabled
)
.active
:focus
,
.btn-custom
:not
(
:disabled
)
:not
(
.disabled
)
:active:focus
,
.show
>
.btn-custom.dropdown-toggle
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
82
,
151
,
218
,
.5
)}
.btn-outline-custom
,
.btn-outline-custom
:hover
{
color
:
#59a9f8
;
border-color
:
#59a9f8
}
.btn-outline-custom
:hover
{
background-color
:
rgba
(
89
,
169
,
248
,
.1
)}
.btn-outline-custom.focus
,
.btn-outline-custom
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
89
,
169
,
248
,
.5
)}
.btn-outline-custom.disabled
,
.btn-outline-custom
:disabled
{
color
:
#59a9f8
;
background-color
:
transparent
}
.btn-outline-custom
:not
(
:disabled
)
:not
(
.disabled
)
.active
,
.btn-outline-custom
:not
(
:disabled
)
:not
(
.disabled
)
:active
,
.show
>
.btn-outline-custom.dropdown-toggle
{
color
:
#2a2e30
;
background-color
:
#59a9f8
;
border-color
:
#59a9f8
}
.btn-outline-custom
:not
(
:disabled
)
:not
(
.disabled
)
.active
:focus
,
.btn-outline-custom
:not
(
:disabled
)
:not
(
.disabled
)
:active:focus
,
.show
>
.btn-outline-custom.dropdown-toggle
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
89
,
169
,
248
,
.5
)}
.btn-cyan
{
color
:
#fff
;
background-color
:
#7367f0
;
border-color
:
#7367f0
}
.btn-cyan
:hover
{
color
:
#fff
;
background-color
:
#6457ee
;
border-color
:
#6457ee
}
.btn-cyan.focus
,
.btn-cyan
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
136
,
126
,
242
,
.5
)}
.btn-cyan.disabled
,
.btn-cyan
:disabled
{
color
:
#fff
;
background-color
:
#7367f0
;
border-color
:
#7367f0
}
.btn-cyan
:not
(
:disabled
)
:not
(
.disabled
)
.active
,
.btn-cyan
:not
(
:disabled
)
:not
(
.disabled
)
:active
,
.show
>
.btn-cyan.dropdown-toggle
{
color
:
#fff
;
background-color
:
#5e50ee
;
border-color
:
#5e50ee
}
.btn-cyan
:not
(
:disabled
)
:not
(
.disabled
)
.active
:focus
,
.btn-cyan
:not
(
:disabled
)
:not
(
.disabled
)
:active:focus
,
.show
>
.btn-cyan.dropdown-toggle
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
136
,
126
,
242
,
.5
)}
.btn-outline-cyan
,
.btn-outline-cyan
:hover
{
color
:
#7367f0
;
border-color
:
#7367f0
}
.btn-outline-cyan
:hover
{
background-color
:
rgba
(
115
,
103
,
240
,
.1
)}
.btn-outline-cyan.focus
,
.btn-outline-cyan
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
115
,
103
,
240
,
.5
)}
.btn-outline-cyan.disabled
,
.btn-outline-cyan
:disabled
{
color
:
#7367f0
;
background-color
:
transparent
}
.btn-outline-cyan
:not
(
:disabled
)
:not
(
.disabled
)
.active
,
.btn-outline-cyan
:not
(
:disabled
)
:not
(
.disabled
)
:active
,
.show
>
.btn-outline-cyan.dropdown-toggle
{
color
:
#fff
;
background-color
:
#7367f0
;
border-color
:
#7367f0
}
.btn-outline-cyan
:not
(
:disabled
)
:not
(
.disabled
)
.active
:focus
,
.btn-outline-cyan
:not
(
:disabled
)
:not
(
.disabled
)
:active:focus
,
.show
>
.btn-outline-cyan.dropdown-toggle
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
115
,
103
,
240
,
.5
)}
.btn.btn-default
,
.btn.btn-white
{
color
:
#414750
;
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.065
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.065
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.065
);
background
:
#fff
}
.btn.btn-white.btn-primary
,
.btn.btn-white.btn-primary
:focus
,
.btn.btn-white.btn-primary
:hover
{
color
:
#fff
!important
}
.btn-white.active
,
.btn-white
:focus
,
.btn-white
:hover
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)
!important
}
.btn-light
{
border-color
:
#dbe3e6
!important
;
background-color
:
#fff
!important
;
color
:
#444
;
box-shadow
:
none
}
.btn-light
:focus
,
.btn-light
:hover
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)
!important
;
color
:
#444
!important
}
.btn-secondary
{
border-color
:
#e4eaee
!important
;
background-color
:
#f4f4f4
!important
;
color
:
#414750
!important
;
box-shadow
:
none
}
.btn-secondary
:focus
,
.btn-secondary
:hover
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)
!important
}
.btn-flat-danger
,
.btn-flat-dark
,
.btn-flat-info
,
.btn-flat-primary
,
.btn-flat-success
,
.btn-flat-warning
,
.btn-no-shadow
,
.btn-outline-danger
,
.btn-outline-dark
,
.btn-outline-info
,
.btn-outline-primary
,
.btn-outline-success
,
.btn-outline-warning
{
box-shadow
:
none
}
.input-group-sm
>
.custom-select
,
.input-group-sm
>
.form-control
,
.input-group-sm
>
.input-group-append
>
.btn
,
.input-group-sm
>
.input-group-append
>
.input-group-text
,
.input-group-sm
>
.input-group-prepend
>
.btn
,
.input-group-sm
>
.input-group-prepend
>
.input-group-text
{
padding
:
.5rem
.7rem
}
.btn
:not
(
.btn-sm
)
.spinner-grow
,
a
:not
(
.btn
)
.spinner-grow
{
margin-bottom
:
.15rem
}
.btn-outline
{
background-color
:
transparent
}
.btn-primary.btn-outline
{
color
:
#009688
;
border-color
:
#009688
}
.btn-info.btn-outline
{
color
:
#4277cf
;
border-color
:
#4277cf
}
.btn-success.btn-outline
{
color
:
#21b978
;
border-color
:
#21b978
}
.btn-danger.btn-outline
{
color
:
#ea5455
;
border-color
:
#ea5455
}
.btn-warning.btn-outline
{
color
:
#dda451
;
border-color
:
#dda451
}
.btn-primary.btn-outline.disabled
,
.btn-primary.btn-outline
:disabled
{
background
:
transparent
}
.btn-danger.btn-outline.active
,
.btn-danger.btn-outline
:hover
,
.btn-info.btn-outline.active
,
.btn-info.btn-outline
:hover
,
.btn-success.btn-outline.active
,
.btn-success.btn-outline
:hover
,
.btn-warning.btn-outline.active
,
.btn-warning.btn-outline
:hover
{
color
:
#fff
}
.btn-primary.btn-outline.active
,
.btn-primary.btn-outline
:hover
{
background
:
rgba
(
0
,
150
,
136
,
.05
);
color
:
#009688
}
.number-group
.input-group-btn
:first-child
.btn
{
border-bottom-right-radius
:
0
;
border-top-right-radius
:
0
;
border-right
:
0
}
.number-group
.input-group-btn
:last-child
.btn
{
border-bottom-left-radius
:
0
;
border-top-left-radius
:
0
}
.header-navbar.navbar-shadow
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
)}
.header-navbar.floating-nav
{
margin
:
1.3rem
2.2rem
0
}
.navbar-container
{
height
:
60px
}
.navbar-light
{
background-color
:
#fff
}
.dark-mode-switcher
{
margin
:
0
5px
0
0
;
font-size
:
1.5rem
;
cursor
:
pointer
}
.breadcrumb
{
border-left
:
0
}
.content-header
{
padding
:
0
0
2px
}
.breadcrumbs-top
{
margin-bottom
:
1rem
}
.content-header
h1
{
font-weight
:
400
;
font-size
:
24px
;
display
:
inline-block
;
font-family
:
Montserrat
,
Nunito
,
sans-serif
}
.content-header
h1
small
{
font-size
:
15px
;
display
:
inline-block
;
padding-left
:
5px
;
color
:
#777
}
.custom-data-table-header
.table-responsive
.top
{
display
:
flex
;
justify-content
:
space-between
;
padding
:
0
1rem
}
.custom-data-table-header
.table-responsive
.top
.action-btns
{
margin-top
:
1.5rem
;
display
:
flex
}
.custom-data-table-header
.table-responsive
.top
.action-btns
.actions-dropodown
{
box-shadow
:
0
2px
8px
0
rgba
(
0
,
0
,
0
,
.14
);
border-radius
:
.3rem
;
margin-right
:
.75rem
}
.custom-data-table-header
.table-responsive
.top
.action-btns
.actions-dropodown
.dropdown-toggle
{
font-size
:
1.125rem
;
font-weight
:
500
}
.custom-data-table-header
.table-responsive
.top
.action-btns
.actions-dropodown
.dropdown-toggle
:after
{
left
:
0
}
.custom-data-table-header
.table-responsive
.top
.action-btns
.dt-buttons
.btn
{
padding
:
.9rem
.938rem
}
.table-responsive
.table-filter
{
display
:
inline-block
}
.table-filter
.form-control
{
padding
:
1.25rem
2.8rem
!important
;
border-radius
:
5rem
;
border
:
0
;
background
:
#fff
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
font-size
:
.82rem
}
.table-filter
label
{
position
:
relative
}
.table-filter
label
:after
{
content
:
"\E8BD"
;
font-family
:
feather
;
position
:
absolute
;
top
:
.45rem
;
font-size
:
1.1rem
;
left
:
1.1rem
;
font-weight
:
300
;
color
:
#b3b9bf
}
table
.custom-data-table.data-table
{
border-spacing
:
0
.8rem
;
padding
:
0
}
table
.custom-data-table
tbody
tr
{
background
:
#fff
}
table
.data-table
{
border-collapse
:
separate
!important
}
table
.custom-data-table.data-table
thead
th
{
padding
:
.714rem
.51rem
;
font-weight
:
600
;
border-bottom
:
0
;
border-top
:
0
}
table
.custom-data-table.data-table
thead
th
input
:focus
{
outline
:
0
}
table
.custom-data-table.data-table
thead
th
:first-child
{
padding-left
:
.9rem
}
table
.custom-data-table.data-table
tbody
tr
{
background-color
:
#fff
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
cursor
:
pointer
;
transition
:
all
.3s
ease
;
border-radius
:
.3rem
}
table
.custom-data-table.data-table
tbody
tr
:hover
{
background
:
#f8fafc
}
table
.custom-data-table.data-table
tbody
tr
td
:first-child
{
padding-left
:
1rem
;
border-top-left-radius
:
.3rem
;
border-bottom-left-radius
:
.3rem
}
table
.custom-data-table.data-table
tbody
tr
td
:last-child
{
border-top-right-radius
:
.3rem
;
border-bottom-right-radius
:
.3rem
}
table
.custom-data-table.data-table
tbody
tr
.selected
td
{
border-radius
:
0
}
table
.custom-data-table.data-table
tbody
td
{
border
:
none
;
vertical-align
:
middle
;
height
:
60px
;
padding
:
.55rem
;
line-height
:
1.42857
}
table
.custom-data-table.data-table
tbody
td
:focus
,
table
.custom-data-table.data-table
tbody
td
input
:focus
{
outline
:
0
}
table
.custom-data-table.data-table
tbody
td
.progress
{
margin-bottom
:
0
;
box-shadow
:
0
4px
8px
0
rgba
(
0
,
0
,
0
,
.12
),
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.08
)}
.form-control
{
border-color
:
#dbe3e6
;
color
:
#414750
}
.form-control
:not
(
textarea
)
{
padding
:
.5rem
.7rem
;
font-size
:
.9rem
}
div
.form-control
,
input
.form-control
{
min-height
:
34px
;
border-radius
:
.25rem
}
.input-group-text
{
border-color
:
#dbe3e6
}
.form-control-sm
{
padding
:
.5rem
1.5rem
}
select
.form-control
:not
([
multiple
=
multiple
])
{
background-image
:
none
}
.form-control-sm
,
.input-group-sm
>
.custom-select
,
.input-group-sm
>
.form-control
{
line-height
:
13px
}
.input-group-sm
>
div
.form-control
,
.input-group-sm
>
input
.form-control
,
div
.form-control-sm
,
input
.form-control-sm
{
max-height
:
30px
;
min-height
:
30px
}
.input-group
.form-control
{
height
:
100%
}
.input-group-text
{
padding
:
.6rem
.9rem
;
border-radius
:
.25rem
}
.help-block
{
display
:
block
;
margin-top
:
7px
;
margin-bottom
:
3px
;
color
:
#737373
}
.control-label
{
padding-top
:
10px
;
padding-right
:
5px
;
margin-bottom
:
0
;
font-size
:
1rem
;
text-transform
:
capitalize
}
.fields-group
.row.form-group
{
margin-right
:
0
;
margin-left
:
0
}
@media
(
min-width
:
768px
){
.form-group
.control-label
{
text-align
:
right
}}
.with-errors.help-block
{
margin-bottom
:
4px
}
.form-control
:disabled
,
.form-control
[
readonly
],
.select2-container--default.select2-container--disabled
.select2-selection--multiple
,
.select2-container--default.select2-container--disabled
.select2-selection--single
{
background-color
:
#f7f7f9
!important
;
cursor
:
not-allowed
!important
}
.has-error
.checkbox
,
.has-error
.checkbox-inline
,
.has-error.checkbox
label
,
.has-error
.control-label
,
.has-error
.form-control-position
i
,
.has-error
.form-control
:focus
~
.form-control-position
i
,
.has-error
.help-block
,
.has-error
.radio
,
.has-error
.radio-inline
,
.has-error.radio
label
{
color
:
#bd4147
}
.control-label.asterisk
:before
{
content
:
"* "
;
font-weight
:
700
;
color
:
#bd4147
}
.form-group.has-error
.form-control
{
border-color
:
#bd4147
}
.input-group-prepend
.input-group-text
{
margin-right
:
-1px
;
max-height
:
34px
}
.input-group-addon
{
width
:
1%
;
white-space
:
nowrap
;
vertical-align
:
middle
;
padding
:
6px
12px
;
font-size
:
14px
;
font-weight
:
400
;
line-height
:
1
;
text-align
:
center
;
background-color
:
#fff
;
border
:
1px
solid
#dbe3e6
;
min-width
:
30px
}
.input-group-sm
>
.input-group-addon
{
height
:
30px
;
padding
:
5px
10px
;
font-size
:
.7rem
;
line-height
:
1.5
}
.select2-container--default
.select2-search--dropdown
.select2-search__field
,
.select2-container--default
.select2-selection--multiple
,
.select2-container--default
.select2-selection--single
{
border-color
:
#dbe3e6
!important
;
border-radius
:
.25rem
!important
}
.select2-search--inline
{
display
:
inline-block
}
.select2-container--default
.select2-dropdown
.select2-search__field
:focus
,
.select2-container--default
.select2-search--inline
.select2-search__field
:focus
{
border-color
:
#009688
!important
}
.select2-container--classic
.select2-selection--multiple
.select2-selection__rendered
li
.select2-search__field
,
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered
li
.select2-search__field
{
margin-top
:
8px
}
.input-group
.select2-container
{
width
:
50%
!important
;
flex
:
1
1
auto
}
.select2-container
.select2-selection--multiple
{
min-height
:
34px
!important
}
.select2-container--classic
.select2-selection--single
,
.select2-container--default
.select2-selection--single
{
min-height
:
34px
;
padding
:
5px
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.2
)}
.select2-container--default
.select2-selection--single
.select2-selection__arrow
{
height
:
32px
!important
}
.select2-dropdown
{
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.03
)
!important
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
)}
.select2-container--default
.select2-results__option
[
aria-selected
=
true
]
{
background-color
:
#f1f1f1
!important
}
.select2-container--default
.select2-results__option--highlighted
[
aria-selected
]
{
background-color
:
#ebf0f3
!important
;
color
:
#414750
!important
}
.select2-results__option
{
padding
:
6px
10px
!important
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice
{
padding
:
2px
5px
!important
;
border
:
0
!important
;
font-size
:
90%
;
background-color
:
#009688
!important
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove
{
color
:
#fff
!important
;
border-right
:
0
!important
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove
:focus
,
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove
:hover
{
background-color
:
#009688
!important
}
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered
{
padding
:
0
.25rem
!important
}
.select2-selection
.default-text
{
display
:
inline-block
;
padding
:
.5rem
.7rem
0
}
.select2-container--default
.select2-selection--single
.select2-selection__rendered
{
line-height
:
30px
!important
}
.input-group-sm
.select2-container--classic
.select2-selection--single
,
.input-group-sm
.select2-container--default
.select2-selection--single
{
min-height
:
31px
;
padding
:
1px
2px
;
font-size
:
.7rem
}
.input-group-sm
.select2-selection
.default-text
{
padding
:
.3rem
.5rem
0
}
.input-group-sm
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered
{
padding
:
0
.4rem
!important
}
.input-group-sm
.select2-container--default
.select2-selection--multiple
{
min-height
:
30px
!important
;
padding
:
0
2px
;
font-size
:
.7rem
;
line-height
:
14px
}
.input-group-sm
.select2-container--default
.select2-selection--single
.select2-selection__arrow
{
top
:
-3px
}
.input-group-sm
.select2-container--classic
.select2-selection--multiple
.select2-selection__rendered
li
.select2-search__field
,
.input-group-sm
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered
li
.select2-search__field
{
margin-top
:
6px
}
.glyphicon-arrow-right
:before
{
font-family
:
feather
;
content
:
"\E829"
}
.glyphicon-arrow-left
:before
{
font-family
:
feather
;
content
:
"\E828"
}
.bootstrap-duallistbox-container
.info
{
color
:
#414750
!important
}
.has-icon-left
.form-control-position
{
right
:
auto
;
left
:
inherit
}
.form-control-position
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
2
;
display
:
block
;
width
:
2.5rem
;
height
:
2.5rem
;
line-height
:
2.5rem
;
text-align
:
center
}
.has-icon-left
.form-control
{
padding-right
:
2rem
;
padding-left
:
3rem
}
.form-divider
{
height
:
20px
;
border-bottom
:
1px
solid
#eee
}
.form-divider
span
{
font-size
:
16px
;
background-color
:
#fff
;
padding
:
0
10px
}
.pagination
.page-item
.page-link
{
font-weight
:
600
;
font-size
:
.95rem
;
padding
:
.5rem
.75rem
}
.pagination
.page-item.disabled
{
opacity
:
.82
}
.table
{
color
:
#414750
;
margin-bottom
:
0
}
.table-middle
td
{
vertical-align
:
middle
}
.table-text-center
td
,
.table-text-center
th
{
text-align
:
center
}
table
.data-table
thead
tr
{
background
:
transparent
}
.table
thead
th
{
padding
:
.65rem
;
font-weight
:
600
;
text-transform
:
capitalize
;
font-size
:
.95rem
!important
;
border-bottom
:
1px
solid
#f0f0f0
}
table
.data-table
tfoot
td
,
table
.data-table
tfoot
th
,
table
.data-table
thead
td
,
table
.data-table
thead
th
{
font-size
:
.9rem
!important
}
table
.data-table
:not
(
.table-bordered
)
thead
tr
th
{
text-transform
:
capitalize
}
table
.data-table
{
border
:
0
}
.table
td
{
padding
:
.55rem
;
height
:
55px
;
line-height
:
1.42857
;
border-color
:
#f0f0f0
}
.table
tr
td
:first-child
,
.table
tr
th
:first-child
{
padding-left
:
2rem
}
.quick-search-clear
{
margin-left
:
-1.45rem
;
position
:
relative
;
color
:
#fff
}
.table-responsive
{
border
:
0
!important
;
margin-bottom
:
0
!important
;
overflow-x
:
inherit
}
.table-responsive
[
data-pattern
=
priority-columns
]
{
overflow-y
:
auto
!important
}
.custom-data-table-header
.table-responsive
{
overflow
:
visible
!important
;
padding-bottom
:
0
!important
}
.sticky-table-header
{
z-index
:
45
!important
}
table
.table-bordered.data-table
:not
(
.complex-headers
)
tbody
th
,
table
.table-bordered.data-table
tbody
td
{
border-bottom-width
:
1px
}
table
.table-bordered.data-table
td
,
table
.table-bordered.data-table
th
:not
(
.complex-headers
)
{
border-left-width
:
1px
}
table
.table-bordered.data-table
td
:last-child
,
table
.table-bordered.data-table
th
:last-child
{
border-right-width
:
1px
}
table
.data-table.complex-headers
{
border
:
1px
solid
#e4e4e4
}
table
.data-table.complex-headers
tfoot
td
,
table
.data-table.complex-headers
tfoot
th
,
table
.data-table.complex-headers
thead
td
,
table
.data-table.complex-headers
thead
th
{
border-bottom
:
1px
solid
#e4e4e4
;
border-right
:
1px
solid
#e4e4e4
}
.data-table.table-bordered
:not
(
.complex-headers
)
thead
th
{
border-right
:
1px
solid
#e2e8ec
;
border-bottom
:
1px
solid
#e2e8ec
}
.data-table.table-bordered
:not
(
.complex-headers
)
tr
:first-child
th
{
border-top
:
1px
solid
#e2e8ec
}
.data-table.table-bordered
:not
(
.complex-headers
)
thead
tr
th
:first-child
{
border-left
:
1px
solid
#e2e8ec
}
table
.table-bordered.data-table.complex-headers
{
border-spacing
:
0
;
margin-top
:
12px
!important
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
)}
table
.table-bordered.data-table.complex-headers
thead
th
{
vertical-align
:
middle
;
font-size
:
1rem
!important
}
table
.table-bordered.data-table.complex-headers
tbody
tr
{
box-shadow
:
none
;
border-radius
:
0
}
table
.table-bordered.data-table.complex-headers
tbody
tr
td
{
border-bottom
:
1px
solid
#eee
;
border-right
:
1px
solid
#eee
}
table
.table-bordered.data-table.complex-headers
tbody
tr
td
:first-child
{
border-top-left-radius
:
0
;
border-bottom-left-radius
:
0
}
table
.table-bordered.data-table.complex-headers
tbody
tr
td
:last-child
{
border-top-right-radius
:
0
;
border-bottom-right-radius
:
0
;
border-right
:
0
}
table
.table-bordered.data-table.complex-headers
tbody
tr
:last-child
td
{
border-bottom
:
0
}
.table-hover
tbody
tr
:hover
{
color
:
#414750
;
background-color
:
#f8fafc
}
.table.default-table
tr
{
box-shadow
:
none
!important
}
.table.default-table
td
{
border-top
:
1px
solid
#f0f4f8
!important
;
border-radius
:
0
!important
}
.table.default-table
thead
th
{
border-bottom
:
2px
solid
#f0f4f8
!important
}
.table.default-table.table-bordered
td
,
.table.default-table.table-bordered
th
{
border
:
1px
solid
#f0f4f8
!important
}
.table-collapse
.custom-data-table.data-table
tbody
tr
td
:first-child
{
border-top-left-radius
:
0
;
border-bottom-left-radius
:
0
}
.table-collapse
.custom-data-table.data-table
tbody
tr
td
:last-child
{
border-top-right-radius
:
0
;
border-bottom-right-radius
:
0
}
.table-collapse
.custom-data-table.data-table
tbody
tr
:first-child
td
:first-child
{
border-top-left-radius
:
.25rem
}
.table-collapse
.custom-data-table.data-table
tbody
tr
:first-child
td
:last-child
{
border-top-right-radius
:
.25rem
}
.table-collapse
.custom-data-table.data-table
tbody
tr
:last-child
td
:first-child
{
border-bottom-left-radius
:
.25rem
}
.table-collapse
.custom-data-table.data-table
tbody
tr
:last-child
td
:last-child
{
border-bottom-right-radius
:
.25rem
}
.table-collapse
.table.custom-data-table
{
padding
:
3px
5px
5px
}
.table-collapse
.table-fixed-left
.table.custom-data-table
{
padding
:
3px
0
0
5px
}
.table-collapse
.table-fixed-right
.table.custom-data-table
{
padding
:
3px
5px
0
0
}
.table-collapse
.table-fixed
th
{
background
:
#ececf1
}
body
:not
(
.dark-mode
)
.table-collapse
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
background
:
#ececf1
;
margin-top
:
1rem
}
body
:not
(
.dark-mode
)
.table-collapse
.custom-data-table
{
border-spacing
:
0
;
margin-top
:
0
!important
;
background-color
:
#ececf1
}
body
:not
(
.dark-mode
)
.table-collapse
table
.custom-data-table
thead
th
{
height
:
38px
;
vertical-align
:
middle
}
body
:not
(
.dark-mode
)
.table-collapse
.custom-data-table
tbody
td
{
border-top
:
1px
solid
#eff3f8
;
height
:
60px
}
body
:not
(
.dark-mode
)
.table-collapse
.custom-data-table
tbody
tr
:first-child
td
{
border-top
:
0
}
body
:not
(
.dark-mode
)
.table-collapse
table
.custom-data-table
tbody
tr
{
box-shadow
:
none
}
body
:not
(
.dark-mode
)
.table-collapse
.quick-create
td
{
background
:
#f7f7f9
!important
;
border-radius
:
0
}
body
:not
(
.dark-mode
)
.table-collapse
.table-wrap
table
.custom-data-table
thead
th
{
height
:
19px
}
body
.dark-mode
.table-collapse
table
{
border-spacing
:
0
.24rem
}
body
.dark-mode
.table-collapse
table
.custom-data-table.data-table
tbody
td
{
height
:
56px
}
body
.dark-mode
.table-collapse
.table.custom-data-table
{
padding
:
3px
10px
10px
}
body
.dark-mode
.table-collapse
.table-fixed-left
.table.custom-data-table
{
padding
:
3px
0
0
10px
}
body
.dark-mode
.table-collapse
.table-fixed-right
.table.custom-data-table
{
padding
:
3px
10px
0
0
}
.column-selector
{
margin
:
0
5px
}
.column-selector
.dropdown-menu
{
z-index
:
100
}
.column-selector
.selectors
{
padding
:
0
1rem
;
height
:
auto
;
max-height
:
500px
;
overflow-x
:
hidden
}
.column-selector
.selectors
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
.column-selector
.selectors
::-webkit-scrollbar-track
{
background-color
:
#eee
}
.column-selector
.selectors
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.grid-column-header
a
{
color
:
#a5acb3
;
font-size
:
1rem
}
.grid-column-header
a
.active
,
.grid-column-header
a
:hover
{
color
:
#007d71
}
.grid-sort
{
display
:
inline-block
;
margin
:
-2px
-4px
0
3px
;
height
:
15px
}
.grid-sort
.up
:before
{
font-family
:
feather
;
padding-right
:
.3rem
;
font-size
:
.7rem
;
content
:
"\E845"
}
.grid-sort
.down
{
margin
:
6px
0
0
-1.17rem
}
.grid-sort
.down
:after
{
font-family
:
feather
;
content
:
"\E842"
;
font-size
:
.7rem
}
.dcat-box.card
{
margin-bottom
:
0
}
.dcat-box.card
.card-header
{
border-bottom
:
0
;
padding
:
1.3rem
1.5rem
;
margin-bottom
:
.5rem
}
.dcat-box.card
.card-body
{
padding
:
1rem
0
0
}
.dcat-box.card
.box-footer
{
border
:
0
;
padding
:
1rem
1.5rem
1.3rem
}
.table-responsive.table-scrollbar-x
{
overflow-x
:
auto
}
.table-responsive.table-scrollbar-x
.table
{
width
:
-moz-max-content
;
width
:
max-content
;
min-width
:
100%
}
.right-side-filter-container
.header
{
border-bottom
:
1px
solid
#f4f4f4
;
width
:
100%
;
background
:
#fff
;
z-index
:
10
;
top
:
0
;
margin-left
:
-1rem
}
.quick-create
td
{
padding-left
:
45px
;
background-color
:
#f3f3f3
;
vertical-align
:
middle
;
height
:
42px
;
color
:
#777
;
border-bottom
:
#eff3f8
}
.grid-modal
.modal-body
{
padding
:
1.5rem
}
.simple-grid
.filter-box
{
background
:
transparent
;
box-shadow
:
none
!important
;
margin
:
.5rem
0
-1rem
!important
;
padding
:
0
!important
}
.simple-grid
.filter-box
.form-group
{
margin-bottom
:
1rem
}
.simple-grid
.dcat-box.card
.card-header
{
padding
:
.8rem
0
}
.simple-grid
.dcat-box.card
.box-footer
{
padding
:
1rem
1.5rem
0
}
body
:not
(
.dark-mode
)
.simple-grid
.card
{
box-shadow
:
none
}
body
:not
(
.dark-mode
)
.simple-grid
.table-collapse
{
box-shadow
:
none
;
background
:
transparent
}
body
:not
(
.dark-mode
)
.simple-grid
.table-collapse
.custom-data-table
{
background
:
transparent
}
body
:not
(
.dark-mode
)
.simple-grid
.table-collapse
.custom-data-table.data-table
tbody
td
{
height
:
48px
}
body
:not
(
.dark-mode
)
.simple-grid
.table-collapse
.custom-data-table.data-table
thead
th
{
height
:
20px
}
body
:not
(
.dark-mode
)
.simple-grid
.table-collapse
.custom-data-table
{
padding
:
5px
0
0
;
border-bottom
:
1px
solid
#eff3f8
}
body
:not
(
.dark-mode
)
.simple-grid
.table-collapse
table
.data-table
thead
tr
:last-child
th
{
border-bottom
:
2px
solid
#eff3f8
}
.vs-checkbox-con.checkbox-grid-column
input
:disabled
+
.vs-checkbox
{
cursor
:
not-allowed
;
opacity
:
.33
}
.dropdown-menu
{
z-index
:
20
}
.dropdown
.dropdown-menu
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.05
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.05
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.05
);
border
:
0
;
min-width
:
10rem
;
transform
:
none
}
.dropdown
.dropdown-menu
.dropdown-item
:hover
{
background-color
:
#f4f7fa
;
color
:
#414750
}
.dropdown
.dropdown-menu
:before
{
border-top
:
1px
solid
rgba
(
0
,
0
,
0
,
.07
);
border-left
:
1px
solid
rgba
(
0
,
0
,
0
,
.07
)}
.dropdown
i
{
margin-right
:
0
}
.dropdown
.dropdown-menu
.dropdown-item
,
.dropleft
.dropdown-menu
.dropdown-item
,
.dropright
.dropdown-menu
.dropdown-item
,
.dropup
.dropdown-menu
.dropdown-item
{
padding
:
0
;
color
:
#414750
}
.dropdown-item
a
,
.dropdown-menu
label
{
color
:
#414750
}
.dropdown-item
a
{
padding
:
.35rem
1.38rem
;
display
:
block
}
.vs-checkbox-con
{
margin
:
0
}
.vs-checkbox-con
input
{
z-index
:
5
}
.vs-checkbox-con
.vs-checkbox
{
width
:
17px
;
height
:
17px
}
.vs-checkbox-con
input
:checked
~
.vs-checkbox
.vs-checkbox--check
.vs-icon
{
font-size
:
.95rem
;
margin-top
:
-1px
}
.vs-radio-con
input
{
z-index
:
10
}
.card
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
margin-bottom
:
1.5rem
;
border-radius
:
.25rem
}
.card
.card-header
{
padding
:
1.1rem
1.1rem
0
;
align-items
:
center
;
display
:
flex
;
justify-content
:
space-between
}
.card-header.with-border
{
border-bottom
:
1px
solid
#f4f4f4
;
padding
:
1.1rem
}
.card-box-title
{
font-size
:
1.1rem
}
.card-title
{
font-size
:
1.2rem
}
.card-footer
{
background
:
transparent
;
border-color
:
#f4f4f4
!important
}
.card-body
,
.card-footer
{
padding
:
1.1rem
}
.card-body
.card-footer
{
padding
:
.8rem
;
margin
:
-1.1rem
}
.dd
{
margin
:
0
!important
}
.dd-item
>
button
:before
{
font-family
:
feather
;
content
:
"\E844"
!important
;
margin-top
:
3px
}
.dd-item
>
button
[
data-action
=
collapse
]
:before
{
content
:
"\E842"
!important
}
.dd-handle
{
border
:
1px
solid
#eaeff0
!important
;
border-radius
:
.2rem
!important
}
.layui-layer
{
box-shadow
:
0
2px
6px
0
rgba
(
0
,
0
,
0
,
.2
)
!important
}
.layui-layer-title
{
padding
:
0
80px
0
20px
;
height
:
52px
!important
;
line-height
:
52px
!important
;
border-bottom
:
1px
solid
#f4f4f4
!important
;
font-size
:
1.1rem
!important
;
text-transform
:
capitalize
;
overflow
:
hidden
;
background-color
:
#fff
!important
;
border-radius
:
.25rem
.25rem
0
0
!important
}
.layui-layer-setwin
.layui-layer-min
cite
{
background
:
transparent
!important
;
position
:
static
!important
}
.layui-layer-setwin
.layui-layer-min
cite
:before
{
font-family
:
feather
;
content
:
"\E897"
;
font-size
:
1.1rem
;
color
:
#414750
}
.layui-layer-ico
{
background
:
transparent
!important
;
color
:
#414750
}
.layui-layer-setwin
.layui-layer-max
:before
{
font-family
:
feather
;
content
:
"\E908"
;
font-size
:
1rem
}
.layui-layer-setwin
.layui-layer-maxmin
:before
{
content
:
"\E88D"
}
.layui-layer-setwin
.layui-layer-close1
:before
{
font-family
:
feather
;
content
:
"\E8F6"
;
font-size
:
1.1rem
}
.layui-layer-setwin
.layui-layer-close1
{
margin-left
:
7px
!important
}
.layui-layer-setwin
a
{
top
:
3px
}
.layui-layer-tips
,
.layui-layer-tips
.layui-layer-content
{
font-size
:
13px
!important
;
box-shadow
:
none
!important
}
.layui-layer-btn
a
{
height
:
30px
!important
;
line-height
:
20px
!important
;
padding
:
4px
15px
!important
;
font-size
:
.85rem
;
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.05
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.05
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.05
);
border-color
:
#fff
!important
}
.layui-layer-btn
.layui-layer-btn0
{
border-color
:
#009688
!important
;
background-color
:
#009688
!important
;
color
:
#fff
!important
}
.layui-layer-border
{
border
:
0
!important
}
.slider-panel
{
padding
:
0
;
background-color
:
#fff
;
position
:
fixed
;
top
:
0
;
bottom
:
0
;
height
:
100vh
;
height
:
calc
(
var
(
--vh
,
1vh
)
*
100
);
transition
:
right
.4s
cubic-bezier
(
.05
,
.74
,
.2
,
.99
);
-webkit-backface-visibility
:
hidden
;
backface-visibility
:
hidden
;
border-left
:
1px
solid
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
0
0
5px
0
rgba
(
0
,
0
,
0
,
.05
);
width
:
450px
;
right
:
-450px
;
z-index
:
998
}
.slider-panel.open
{
right
:
0
}
.slider-panel
.slider-content
{
position
:
relative
;
height
:
100%
;
width
:
450px
}
.slider-panel
.slider-close
{
position
:
absolute
;
right
:
30px
;
top
:
20px
;
padding
:
7px
;
width
:
auto
;
z-index
:
10
;
color
:
#626262
}
.slider-panel
.slider-close
i
{
font-size
:
1.35rem
}
.slider-panel
.slider-toggle
{
background
:
#009688
;
color
:
#fff
;
display
:
block
;
box-shadow
:
-3px
0
8px
rgba
(
0
,
0
,
0
,
.1
);
border-top-left-radius
:
6px
;
border-bottom-left-radius
:
6px
;
position
:
absolute
;
top
:
50%
;
width
:
38px
;
height
:
38px
;
left
:
-39px
;
text-align
:
center
;
line-height
:
40px
;
cursor
:
pointer
}
@media
(
max-width
:
576px
){
.slider-panel
{
width
:
410px
;
right
:
-410px
}
.slider-panel
.slider-content
{
width
:
410px
}}
.grid-selector
{
width
:
100%
;
margin-top
:
1rem
}
.grid-selector
.wrap
{
position
:
relative
;
line-height
:
40px
;
border-bottom
:
1px
dashed
#eee
;
padding
:
0
25px
;
font-size
:
13px
;
overflow
:
auto
}
.grid-selector
.select-label
{
float
:
left
;
width
:
100px
;
padding-left
:
10px
;
color
:
#888
}
.grid-selector
.select-options
{
margin-left
:
100px
}
.grid-selector
ul
{
height
:
25px
;
list-style
:
none
}
.grid-selector
ul
>
li
{
margin-right
:
30px
;
float
:
left
}
.grid-selector
ul
>
li
a
{
color
:
#666
;
text-decoration
:
none
}
.grid-selector
.select-options
a
.active
{
color
:
#007d71
;
font-weight
:
700
}
.grid-selector
li
.add
{
visibility
:
hidden
}
.grid-selector
li
:hover
.add
{
visibility
:
visible
}
.grid-selector
ul
.clear
{
visibility
:
hidden
}
.grid-selector
ul
:hover
.clear
{
color
:
#bd4147
;
visibility
:
visible
}
.grid-selector
{
padding
:
2px
0
;
margin
:
.35rem
0
-.5rem
}
.grid-selector
.wrap
{
border-bottom
:
0
;
background
:
#fff
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
border-radius
:
.25rem
;
margin
:
7px
0
}
.simple-grid
.grid-selector
.wrap
{
box-shadow
:
none
;
border-radius
:
0
;
border-bottom
:
1px
dashed
#eff3f8
}
.box
{
position
:
relative
;
border-radius
:
.25rem
;
background
:
#fff
;
margin-bottom
:
10px
;
width
:
100%
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
display
:
flex
;
flex-direction
:
column
}
.box
.box-footer
,
.card
.box-footer
{
border-top
:
1px
solid
#f4f4f4
}
.box-header
{
padding
:
1rem
;
display
:
inherit
;
justify-content
:
space-between
;
align-items
:
center
}
.box-header
.h3
,
.box-header
h3
{
font-size
:
1.15rem
;
margin-bottom
:
0
;
padding
:
.1rem
}
.box-header.with-border
,
.card-header.with-border
{
border-bottom
:
1px
solid
#f4f4f4
}
.box
,
.panel
{
transition
:
.3s
cubic-bezier
(
.25
,
.8
,
.5
,
1
)}
.box-shadow
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
)}
.box.box-solid
{
border-top
:
0
}
.box-footer
{
display
:
inherit
}
.box-body
,
.box-footer
{
border-top-left-radius
:
0
;
border-top-right-radius
:
0
;
border-bottom-right-radius
:
3px
;
border-bottom-left-radius
:
3px
;
padding
:
10px
}
.box-body
.box-footer
{
margin
:
-10px
}
.box.box-solid.box-default
{
border
:
1px
solid
#e1e8ea
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
.1
)}
.form-group
.box
{
margin-bottom
:
0
}
.label
{
display
:
inline
;
padding
:
.24em
.6em
.34em
;
line-height
:
1
;
text-align
:
center
;
white-space
:
nowrap
;
vertical-align
:
baseline
;
border-radius
:
.25em
;
cursor
:
pointer
}
.badge
,
.label
{
font-size
:
87%
;
font-weight
:
600
;
color
:
#fff
;
margin-bottom
:
4px
}
.badge
{
min-width
:
10px
;
padding
:
5px
8px
;
border-radius
:
10px
}
.bg-default.badge
,
.label.bg-default
{
color
:
#414750
;
font-weight
:
700
}
.nav.nav-tabs
.nav-item
.nav-link.active
:after
{
box-shadow
:
0
0
2px
0
rgba
(
0
,
150
,
136
,
.5
)
!important
}
.nav.nav-tabs
.nav-item
.nav-link
{
font-size
:
1rem
;
padding
:
17px
14px
;
text-transform
:
capitalize
;
letter-spacing
:
.045rem
;
color
:
rgba
(
0
,
0
,
0
,
.4
);
font-weight
:
700
}
.nav-vertical
.nav.nav-tabs
.nav-item
.nav-link
{
padding
:
10px
25px
}
.nav-vertical
.nav.nav-tabs
.nav-item
.nav-link.active
:after
{
top
:
1.3rem
;
width
:
2.6rem
;
left
:
-17px
;
right
:
auto
}
.nav-vertical
.nav.nav-tabs.nav-left
{
top
:
5px
}
.nav-vertical
.nav.nav-tabs.nav-left
~
.tab-content
.tab-pane
{
background-color
:
transparent
}
.nav-tabs
.nav-item
{
margin-bottom
:
0
}
.nav.nav-tabs
{
border-bottom
:
1px
solid
#f4f4f4
}
.nav-vertical
.nav.nav-tabs
{
border-bottom
:
0
}
.nav-vertical
.nav-tabs.flex-column
{
border-right
:
0
}
.nav-vertical
.nav-tabs.flex-column
>
li
{
border-bottom
:
0
}
.nav-theme-danger
.nav.nav-tabs
,
.nav-theme-info
.nav.nav-tabs
,
.nav-theme-primary
.nav.nav-tabs
,
.nav-theme-success
.nav.nav-tabs
,
.nav-theme-white
.nav.nav-tabs
{
background
:
#009688
;
padding-left
:
10px
;
border-radius
:
.15rem
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
border-bottom
:
0
}
.nav-theme-danger
.nav.nav-tabs
.nav-item
.nav-link
,
.nav-theme-info
.nav.nav-tabs
.nav-item
.nav-link
,
.nav-theme-primary
.nav.nav-tabs
.nav-item
.nav-link
,
.nav-theme-success
.nav.nav-tabs
.nav-item
.nav-link
,
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link
{
color
:
hsla
(
0
,
0%
,
100%
,
.5
)}
.nav-theme-danger
.nav.nav-tabs
.nav-item
.nav-link.active
,
.nav-theme-info
.nav.nav-tabs
.nav-item
.nav-link.active
,
.nav-theme-primary
.nav.nav-tabs
.nav-item
.nav-link.active
,
.nav-theme-success
.nav.nav-tabs
.nav-item
.nav-link.active
,
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link.active
{
color
:
#fff
}
.nav-theme-danger
.nav.nav-tabs
.nav-item
.nav-link.active
:after
,
.nav-theme-info
.nav.nav-tabs
.nav-item
.nav-link.active
:after
,
.nav-theme-primary
.nav.nav-tabs
.nav-item
.nav-link.active
:after
,
.nav-theme-success
.nav.nav-tabs
.nav-item
.nav-link.active
:after
,
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link.active
:after
{
background
:
#fff
!important
}
.nav-theme-danger
.nav-tabs
.nav-item
,
.nav-theme-info
.nav-tabs
.nav-item
,
.nav-theme-primary
.nav-tabs
.nav-item
,
.nav-theme-success
.nav-tabs
.nav-item
,
.nav-theme-white
.nav-tabs
.nav-item
{
margin-bottom
:
2px
}
.nav-theme-success
.nav.nav-tabs
{
background
:
#21b978
}
.nav-theme-info
.nav.nav-tabs
{
background
:
#4277cf
}
.nav-theme-danger
.nav.nav-tabs
{
background
:
#ea5455
}
.nav-theme-white
.nav.nav-tabs
{
background
:
#fff
}
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link
{
color
:
rgba
(
0
,
0
,
0
,
.4
)}
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link.active
{
color
:
#009688
}
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link.active
:after
{
background
:
#009688
!important
}
.main-menu
.navbar-header
{
padding
:
.35rem
1rem
0
}
.main-menu
.navbar-header
.navbar-brand
{
margin-top
:
1.1rem
}
.main-menu
.navbar-header
.navbar-brand
img
{
display
:
inline-block
;
max-width
:
45px
;
max-height
:
40px
;
margin-top
:
-1px
}
.main-menu
.navbar-header
.logo-mini
{
display
:
none
;
font-size
:
1.8rem
;
color
:
#00776c
}
.main-menu
.navbar-header
.logo-lg
{
color
:
#00776c
;
letter-spacing
:
.01rem
;
font-size
:
1.45rem
;
animation
:
fadein
.3s
cubic-bezier
(
.25
,
.8
,
.25
,
1
)
0s
1
normal
forwards
}
.main-menu
.navbar-header
.nav-item
{
width
:
100%
;
text-align
:
center
}
.main-menu
.navbar-header
.navbar-brand
{
display
:
inline-block
;
margin
:
10px
0
}
.main-menu
[
class
*=
sidebar-dark-
]
.navbar-header
.logo-lg
,
.main-menu
[
class
*=
sidebar-dark-
]
.navbar-header
.logo-mini
{
color
:
#f7f7f7
}
.main-menu.menu-light
.navigation
>
li
.active
>
a
{
box-shadow
:
0
0
4px
1px
rgba
(
0
,
150
,
136
,
.7
)}
.main-menu.menu-shadow
{
box-shadow
:
0
0
5px
0
rgba
(
0
,
0
,
0
,
.05
)}
body
.sidebar-collapse
.main-sidebar
:not
(
:hover
,
.sidebar-focused
)
.navbar-header
{
padding
:
.35rem
15px
}
body
.sidebar-collapse
.main-sidebar
:not
(
:hover
,
.sidebar-focused
)
.navbar-header
.logo-lg
{
display
:
none
}
body
.sidebar-collapse
.main-sidebar
:not
(
:hover
,
.sidebar-focused
)
.navbar-header
.logo-mini
{
display
:
inline-block
}
.main-sidebar
.nav-sidebar
.nav-item
>
.nav-link
{
font-size
:
1.04rem
;
border-radius
:
.1rem
}
.nav-pills
.nav-link
:not
(
.active
)
:hover
{
color
:
#414750
}
[
class
*=
sidebar-dark-
]
.navbar-header
{
padding
:
0
1rem
;
height
:
61px
;
background
:
#262d37
}
[
class
*=
sidebar-dark-
]
.navbar-header
.navbar-brand
{
margin
:
8px
0
}
[
class
*=
sidebar-light-
]
.nav-treeview
>
.nav-item
>
.nav-link.active
,[
class
*=
sidebar-light-
]
.nav-treeview
>
.nav-item
>
.nav-link.active
:hover
{
color
:
#007d71
;
background
:
none
;
box-shadow
:
0
0
}
.nav-treeview
>
.nav-item
>
.nav-link
p
i
{
margin-top
:
-5px
}
.sidebar-light-primary
.nav-item
>
.nav-link.active
{
background
:
none
;
color
:
#007d71
!important
;
font-weight
:
700
;
box-shadow
:
0
0
}
.nav-sidebar
>
.nav-item
>
.nav-treeview
.nav-link
p
{
font-size
:
14px
}
body
.sidebar-separate
.main-sidebar
{
top
:
6rem
;
left
:
1.5rem
;
text-align
:
center
;
background-color
:
#fff
}
body
.sidebar-separate
.navbar-header
.logo-lg
,
body
.sidebar-separate
.navbar-header
.logo-mini
{
color
:
#414750
}
body
.sidebar-separate
.navbar-header
.navbar-brand
{
margin-top
:
1rem
!important
}
body
.sidebar-separate
.header-navbar.fixed-top
,
body
.sidebar-separate
.sidebar-collapse
.header-navbar.fixed-top
{
left
:
0
}
@media
(
min-width
:
768px
){
body
.sidebar-separate
.content-wrapper
{
margin-left
:
280px
}}
body
.sidebar-separate
.main-sidebar
.nav-sidebar
.nav-item
>
.nav-link
{
text-align
:
left
}
body
.sidebar-separate.dark-mode
[
class
*=
sidebar-dark-
]
.navbar-header
{
background
:
unset
!important
;
height
:
auto
;
padding
:
.35rem
1rem
0
}
.main-sidebar.sidebar-primary
{
background-color
:
#009688
!important
}
.main-sidebar.sidebar-primary
.nav-pills
.nav-link
:not
(
.active
)
:hover
,
.main-sidebar.sidebar-primary
.nav-treeview
>
.nav-item
>
.nav-link
,
.main-sidebar.sidebar-primary
.navbar-header
.logo-lg
,
.main-sidebar.sidebar-primary
.navbar-header
.logo-mini
,
.main-sidebar.sidebar-primary
.sidebar
a
{
color
:
#fff
}
.main-sidebar.sidebar-primary
.nav-treeview
>
.nav-item
>
.nav-link.active
,
.main-sidebar.sidebar-primary
.nav-treeview
>
.nav-item
>
.nav-link
:hover
,
.main-sidebar.sidebar-primary
.nav.nav-pills
.nav-item
.nav-link.active
{
font-weight
:
700
;
border-bottom
:
1px
solid
#fff
}
.main-sidebar.sidebar-primary
.nav-item
>
.nav-link
i
{
margin-right
:
.71rem
;
font-size
:
1.2rem
}
.main-sidebar.sidebar-primary
.nav-treeview
>
.nav-item
>
.nav-link
i
{
margin-right
:
.65rem
;
margin-left
:
3px
}
.horizontal-menu
.header-navbar.navbar-shadow
{
box-shadow
:
none
;
border-bottom
:
1px
solid
#ebeff2
}
.horizontal-menu
.content-wrapper
,
.horizontal-menu
.main-footer
,
.horizontal-menu
.main-header
{
margin-left
:
0
!important
}
.horizontal-menu
.header-navbar
{
position
:
sticky
;
top
:
0
}
.horizontal-menu
.header-navbar.navbar-horizontal
{
top
:
60px
;
position
:
fixed
}
.horizontal-menu
.main-horizontal-sidebar
{
top
:
60px
;
left
:
0
;
position
:
fixed
;
width
:
100%
;
height
:
inherit
;
min-height
:
auto
;
bottom
:
inherit
;
box-shadow
:
none
}
.horizontal-menu
.main-horizontal-sidebar
>
div
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
background
:
#fff
}
.horizontal-menu
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item.menu-open
>
.nav-link
,
.horizontal-menu
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
:hover
>
.nav-link
,
.horizontal-menu
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
>
.nav-link
:focus
,
.horizontal-menu
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
i
{
color
:
#414750
}
.horizontal-menu
.nav-sidebar
>
.nav-item
{
padding-bottom
:
.6rem
}
.horizontal-menu
.nav-sidebar
>
.nav-item
.nav-link
{
color
:
#414750
;
font-size
:
1rem
;
padding
:
.45rem
.7rem
;
transition
:
all
.35s
ease
!important
}
.horizontal-menu
.nav-sidebar
>
.nav-item
.nav-link.dropdown-toggle
:after
{
margin-top
:
0
!important
}
.horizontal-menu
.nav-sidebar
>
.nav-item
.nav-link.active
,
.horizontal-menu
.nav-sidebar
>
.nav-item
.nav-link.active
i
{
color
:
#009688
!important
;
font-weight
:
600
}
.horizontal-menu
.dropdown-menu
.nav-item
:hover
>
.nav-link
{
padding-left
:
1rem
}
.horizontal-menu
.nav.nav-pills
{
margin-bottom
:
0
}
.horizontal-menu
.nav.dropdown-menu
{
display
:
none
;
margin-top
:
-.2rem
;
min-width
:
200px
}
.horizontal-menu
.open
>
.nav.dropdown-menu
{
display
:
block
;
animation
:
fadein
.8s
cubic-bezier
(
.25
,
.8
,
.25
,
1
)
0s
1
normal
forwards
}
.horizontal-menu
[
class
*=
sidebar-light-
]
{
background-color
:
transparent
}
.horizontal-menu
[
class
*=
sidebar-light-
]
.nav-sidebar
>
.nav-item
>
.nav-treeview
{
background
:
#fff
;
border-radius
:
.4rem
}
.horizontal-menu
.nav-sidebar
>
.nav-item
>
.nav-link
i
{
margin-right
:
.35rem
!important
}
.horizontal-menu
.nav-pills
.nav-link.active
{
background-color
:
transparent
}
.horizontal-menu
.horizontal-navbar-brand
{
margin-top
:
-5px
;
display
:
none
}
.horizontal-menu
.horizontal-navbar-brand
.logo-lg
{
font-size
:
1.45rem
}
.horizontal-menu.navbar-fixed-top
.content-wrapper
{
padding-top
:
75px
}
body
.dark-mode.horizontal-menu
.header-navbar.navbar-shadow
{
border-color
:
#303247
}
body
.dark-mode.horizontal-menu
[
class
*=
sidebar-light-
]
.nav-sidebar
>
.nav-item
>
.nav-treeview
{
background
:
#223
;
border-radius
:
.4rem
}
body
.dark-mode.horizontal-menu
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
i
{
color
:
#a8a9bb
}
body
.dark-mode.horizontal-menu
.main-horizontal-sidebar
>
div
,
body
.dark-mode.horizontal-menu
[
class
*=
sidebar-dark-
],
body
.dark-mode.horizontal-menu
[
class
*=
sidebar-light-
]
{
background-color
:
#223
}
body
.dark-mode.horizontal-menu
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
>
.nav-link.active
{
background-color
:
transparent
}
body
.dark-mode.horizontal-menu
a
.nav-link.active
p
{
color
:
#009688
!important
}
body
.dark-mode.horizontal-menu
[
class
*=
sidebar-light-
]
.nav-sidebar
>
.nav-item
:hover
>
.nav-link
:not
(
.active
)
{
color
:
#fff
}
@media
(
min-width
:
576px
){
.navbar-expand-sm
{
flex-flow
:
row
nowrap
;
justify-content
:
flex-start
}
.navbar-expand-sm
,
.navbar-expand-sm
.navbar-nav
{
-webkit-box-orient
:
horizontal
}}
.alert
{
font-weight
:
500
;
border
:
none
;
padding
:
.85rem
1.2rem
;
border-radius
:
.25rem
}
.alert
h4
{
color
:
inherit
}
.alert
.close
:focus
{
outline
:
0
}
.alert
p
{
font-weight
:
500
;
padding
:
2px
0
;
margin-bottom
:
0
}
.alert
p
,
.alert
span
{
vertical-align
:
middle
}
.alert
.alert-heading
{
font-weight
:
700
;
font-size
:
.9rem
;
padding
:
0
0
8px
}
.alert.alert-dark
.alert-heading
{
box-shadow
:
0
6px
15px
-7px
rgba
(
34
,
41
,
47
,
.4
)}
.alert-danger
{
background-color
:
#f5e0e8
;
color
:
#ef5228
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.16
)}
.alert-success
{
background
:
rgba
(
33
,
185
,
120
,
.2
);
color
:
#1fb072
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.12
)}
.alert-info
{
background
:
rgba
(
66
,
119
,
207
,
.2
);
color
:
#4277cf
}
.alert-info
,
.alert-primary
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.17
)}
.alert-primary
{
background
:
rgba
(
0
,
150
,
136
,
.2
);
color
:
#007d71
}
.alert-warning
{
background-color
:
#f6f6eb
;
color
:
#d6922f
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.09
)}
.callout
{
border-radius
:
.1rem
;
border
:
0
;
border-left
:
3.5px
solid
#9da7b7
;
background-color
:
#fff
;
margin-bottom
:
1rem
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
)}
.callout.callout-primary
{
border-left
:
3.5px
solid
#00a091
}
.callout.callout-light
{
background-color
:
#f7f7f9
;
box-shadow
:
none
}
code
{
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
.125
);
padding
:
3px
5px
;
background
:
#f7f7f9
;
color
:
#006d63
}
code
,
pre
{
font-family
:
Montserrat
,
Nunito
,
sans-serif
}
pre
{
padding
:
7px
;
white-space
:
pre-wrap
;
margin-bottom
:
0
;
word-break
:
break-all
}
a
.disabled
{
opacity
:
.65
}
.img
,[
data-action
=
preview-img
]
{
cursor
:
pointer
}
.avatar
{
max-width
:
120px
;
border
:
2px
solid
#ddd
}
.popover
{
font-family
:
Nunito
,
Montserrat
,
system-ui
,
BlinkMacSystemFont
,
-apple-system
,
sans-serif
;
border
:
0
;
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.05
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.05
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.05
);
max-width
:
320px
;
z-index
:
10
}
.popover
.popover-header
{
color
:
#fff
;
border
:
none
;
border-top-left-radius
:
.3rem
;
border-top-right-radius
:
.3rem
}
.bs-popover-auto
[
x-placement
^=
right
]>
.arrow
:before
,
.bs-popover-right
>
.arrow
:before
{
border-right-color
:
#eee
}
.popover.bs-popover-bottom
.arrow
:after
{
border-bottom-color
:
#fff
}
.bs-popover-auto
[
x-placement
^=
bottom
]>
.arrow
:before
,
.bs-popover-bottom
>
.arrow
:before
{
border-bottom-color
:
#eee
}
.bs-popover-auto
[
x-placement
^=
top
]>
.arrow
:before
,
.bs-popover-top
>
.arrow
:before
{
border-top-color
:
#eee
}
.bootstrap-datetimepicker-widget
table
td
i
,
.bootstrap-datetimepicker-widget
table
td
span
{
height
:
0
!important
;
line-height
:
0
!important
}
.bootstrap-datetimepicker-widget
table
td
.active
,
.bootstrap-datetimepicker-widget
table
td
.active
:hover
{
background-color
:
#f7f7f9
!important
;
color
:
#007d71
!important
;
font-weight
:
700
}
.bootstrap-datetimepicker-widget
table
td
{
width
:
0
!important
}
.bootstrap-datetimepicker-widget
table
td
.btn
{
padding
:
.5rem
!important
}
.bootstrap-datetimepicker-widget
table
td
,
.bootstrap-datetimepicker-widget
table
th
{
padding
:
.5em
.1em
!important
}
.modal-content
{
border
:
0
;
border-radius
:
0
}
.iconpicker-popover.popover
.popover-title
{
background
:
#fff
!important
}
.iconpicker-popover.popover.bottom
>
.arrow
,
.iconpicker-popover.popover.bottomLeft
>
.arrow
,
.iconpicker-popover.popover.bottomRight
>
.arrow
{
border-bottom-color
:
#dfdfdf
!important
}
body
.dark-mode
::-webkit-scrollbar
{
width
:
12px
;
height
:
12px
}
body
.dark-mode
::-webkit-scrollbar-track
{
background-color
:
#2c2c43
}
body
.dark-mode
::-webkit-scrollbar-thumb
{
background-color
:
#1e1e2d
;
border-radius
:
.4rem
}
body
.dark-mode
{
background-color
:
#2c2c43
;
color
:
#a8a9bb
}
body
.dark-mode
.body-bg
,
body
.dark-mode
.content-wrapper
,
body
.dark-mode
.main-footer
{
background
:
#2c2c43
}
body
.dark-mode
.bg-white
{
background
:
#2c2c43
!important
}
body
.dark-mode
a
{
color
:
#009b8d
}
body
.dark-mode
a
:hover
{
color
:
#008276
}
body
.dark-mode
.grid-column-header
a
{
color
:
#7d7f99
}
body
.dark-mode
.grid-column-header
a
.active
,
body
.dark-mode
.grid-column-header
a
:hover
{
color
:
#009b8d
}
body
.dark-mode
h1
,
body
.dark-mode
h2
,
body
.dark-mode
h3
,
body
.dark-mode
h4
,
body
.dark-mode
h5
,
body
.dark-mode
h6
{
color
:
#cacbd6
}
body
.dark-mode
label
,
body
.dark-mode
p
,
body
.dark-mode
small
{
color
:
#a8a9bb
}
body
.dark-mode
.label
{
color
:
#f9f9f9
}
body
.dark-mode
.dcat-loading
:not
(
.layui-layer-shade
)
{
background-color
:
inherit
!important
}
body
.dark-mode
.btn.btn-default
,
body
.dark-mode
.btn.btn-light
,
body
.dark-mode
.btn.btn-white
{
color
:
#a8a9bb
;
background-color
:
#223
;
border-color
:
#223
}
body
.dark-mode
.btn.btn-default
:hover
,
body
.dark-mode
.btn.btn-light
:hover
,
body
.dark-mode
.btn.btn-white
:focus
,
body
.dark-mode
.btn.btn-white
:hover
{
color
:
#aeafbf
!important
}
body
.dark-mode
.bg-light
,
body
.dark-mode
.btn.btn-light
{
color
:
#a8a9bb
!important
;
background-color
:
#2c2c43
!important
;
border-color
:
#2c2c43
!important
}
body
.dark-mode
.bg-default
{
background-color
:
#223
!important
;
color
:
#a8a9bb
!important
}
body
.dark-mode
.btn-light
:focus
,
body
.dark-mode
.btn-light
:hover
{
color
:
#abacbe
!important
}
body
.dark-mode
.btn.btn-custom
:not
(
.btn-outline
),
body
.dark-mode
.btn.btn-danger
:not
(
.btn-outline
),
body
.dark-mode
.btn.btn-info
:not
(
.btn-outline
),
body
.dark-mode
.btn.btn-primary
:not
(
.btn-outline
),
body
.dark-mode
.btn.btn-success
:not
(
.btn-outline
),
body
.dark-mode
.btn.btn-warning
:not
(
.btn-outline
)
{
color
:
#ebebeb
}
body
.dark-mode
hr
{
border-color
:
#303247
}
body
.dark-mode
pre
{
background-color
:
#223
;
border
:
0
;
color
:
#a8a9bb
}
body
.dark-mode
pre
code
{
background-color
:
inherit
}
body
.dark-mode
code
,
body
.dark-mode
pre
code
.operator
,
body
.dark-mode
pre
code
.url
{
background-color
:
#2c2c43
}
body
.dark-mode
code
{
color
:
#b8c2cc
!important
}
body
.dark-mode
kbd
{
background-color
:
#2c2c43
}
body
.dark-mode
.text-dark
{
color
:
#b8c2cc
!important
}
body
.dark-mode
.header-navbar
{
background-color
:
#223
}
body
.dark-mode
.header-navbar
.navbar-container
.nav
.nav-item
.nav-link
{
color
:
#a8a9bb
;
background-color
:
transparent
}
body
.dark-mode
.header-navbar
.navbar-container
.nav
.nav-item
.nav-link
i
{
color
:
#a8a9bb
}
body
.dark-mode
.header-navbar.navbar-static-top
{
background-color
:
transparent
}
body
.dark-mode
.header-navbar
[
class
*=
bg-
]
.navbar-nav
.nav-item
.nav-link
{
background-color
:
inherit
}
body
.dark-mode
.main-menu
.navbar-header
.logo-lg
{
font-weight
:
300
}
body
.dark-mode
.dropdown-toggle
:hover:after
,
body
.dark-mode
.dropdown-toggle
:hover
i
{
color
:
#fff
}
body
.dark-mode
.dropdown
.dropdown-menu
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)}
body
.dark-mode
.dropdown-menu
{
background-color
:
#223
}
body
.dark-mode
.dropdown-menu
:before
{
background
:
#223
}
body
.dark-mode
.dropdown-menu
.dropdown-item
:focus
,
body
.dark-mode
.dropdown-menu
.dropdown-item
:hover
{
background
:
#1e1e2d
}
body
.dark-mode
.dropdown-menu
.dropdown-item
{
color
:
#a8a9bb
}
body
.dark-mode
.dropdown-menu
.form-control
{
background-color
:
#223
}
body
.dark-mode
.dropdown-menu
.dropdown-divider
{
border-color
:
#303247
}
body
.dark-mode
.dropdown-item
a
,
body
.dark-mode
.dropdown-menu
label
{
color
:
#a8a9bb
}
body
.dark-mode
.modal
.modal-header
,
body
.dark-mode
.modal
.modal-header
[
class
*=
bg-
]
{
border-color
:
#303247
;
background-color
:
#242436
}
body
.dark-mode
.modal
.modal-header
.close
span
,
body
.dark-mode
.modal
.modal-header
[
class
*=
bg-
]
.close
span
{
color
:
hsla
(
0
,
0%
,
100%
,
.5
)}
body
.dark-mode
.modal
.modal-body
,
body
.dark-mode
.modal
.modal-content
,
body
.dark-mode
.modal
.modal-footer
{
background-color
:
#28283c
}
body
.dark-mode
.modal-backdrop
{
background-color
:
rgba
(
34
,
41
,
47
,
.5
)}
body
.dark-mode
.pagination
:not
([
class
*=
pagination-
])
.page-item.active
{
background-color
:
#2c2c43
}
body
.dark-mode
.pagination
:not
([
class
*=
pagination-
])
.page-item.active
.page-link
:hover
{
color
:
#fff
}
body
.dark-mode
.pagination
:not
([
class
*=
pagination-
])
.page-item
.page-link
{
background-color
:
#2c2c43
;
color
:
#a8a9bb
}
body
.dark-mode
.pagination
:not
([
class
*=
pagination-
])
.page-item.next-item
.page-link
:hover
,
body
.dark-mode
.pagination
:not
([
class
*=
pagination-
])
.page-item.prev-item
.page-link
:hover
{
color
:
#fff
}
body
.dark-mode
.pagination
[
class
*=
pagination-
]
.page-item
:not
(
.active
)
:not
(
:hover
)
.page-link
{
background-color
:
#1e1e2d
;
color
:
#a8a9bb
}
body
.dark-mode
.pagination
[
class
*=
pagination-
]
.page-item
:not
(
.active
)
.page-link
:hover
{
background-color
:
#2c2c43
}
body
.dark-mode
.pagination
[
class
*=
pagination-
]
.page-item.active
{
background-color
:
#223
}
body
.dark-mode
.nav
.nav-item
.nav-link
{
color
:
#a8a9bb
}
body
.dark-mode
.popover
[
x-placement
=
top
]
.arrow
:after
{
border-top-color
:
#223
}
body
.dark-mode
.popover
[
x-placement
=
bottom
]
.arrow
:after
{
border-bottom-color
:
#223
}
body
.dark-mode
.popover
[
x-placement
=
left
]
.arrow
:after
{
border-left-color
:
#223
}
body
.dark-mode
.popover
[
x-placement
=
right
]
.arrow
:after
{
border-right-color
:
#223
}
body
.dark-mode
.popover
.popover-body
{
background-color
:
#223
;
color
:
#a8a9bb
}
body
.dark-mode
.nav.nav-tabs
{
border-color
:
#444865
}
body
.dark-mode
.nav-theme-primary
.nav.nav-tabs
,
body
.dark-mode
.nav-theme-white
.nav.nav-tabs
{
background-color
:
#223
}
body
.dark-mode
.nav-theme-primary
.nav.nav-tabs
.nav-item
.nav-link
:not
(
.active
),
body
.dark-mode
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link
:not
(
.active
)
{
color
:
#9d9eb2
}
body
.dark-mode
.nav-theme-primary
.nav.nav-tabs
.nav-item
.nav-link.active
,
body
.dark-mode
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link.active
{
color
:
#009688
}
body
.dark-mode
.nav-theme-primary
.nav.nav-tabs
.nav-item
.nav-link.active
:after
,
body
.dark-mode
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link.active
:after
{
background
:
linear-gradient
(
30deg
,
#009688
,
rgba
(
0
,
150
,
136
,
.5
))
!important
}
body
.dark-mode
.table-responsive
[
data-pattern
=
priority-columns
]
::-webkit-scrollbar
{
width
:
12px
;
height
:
12px
}
body
.dark-mode
.table-responsive
[
data-pattern
=
priority-columns
]
::-webkit-scrollbar-track
{
background-color
:
#2c2c43
}
body
.dark-mode
.table-responsive
[
data-pattern
=
priority-columns
]
::-webkit-scrollbar-thumb
{
background-color
:
#1e1e2d
;
border-radius
:
.4rem
}
body
.dark-mode
.table-wrapper
{
margin-top
:
12px
!important
}
body
.dark-mode
.table.default-table
td
,
body
.dark-mode
.table.default-table
th
{
border-color
:
#303247
!important
}
body
.dark-mode
.table.default-table
th
,
body
.dark-mode
table
.table-bordered.dataTable.complex-headers
th
{
background
:
#26263a
}
body
.dark-mode
.table.default-table
td
,
body
.dark-mode
table
.table-bordered.dataTable.complex-headers
td
{
background
:
#2a2a40
}
body
.dark-mode
.table
{
background-color
:
#223
;
padding
:
0
1rem
}
body
.dark-mode
.table
td
,
body
.dark-mode
.table
th
{
border-color
:
#303247
}
body
.dark-mode
.table
.thead
tr
:not
([
class
*=
table-
])
td
,
body
.dark-mode
.table
.thead
tr
:not
([
class
*=
table-
])
th
,
body
.dark-mode
.table
tbody
tr
:not
([
class
*=
table-
])
td
,
body
.dark-mode
.table
tbody
tr
:not
([
class
*=
table-
])
th
{
border
:
0
;
color
:
#a8a9bb
}
body
.dark-mode
.table
.thead
tr
:not
([
class
*=
table-
])
td
code
,
body
.dark-mode
.table
.thead
tr
:not
([
class
*=
table-
])
th
code
,
body
.dark-mode
.table
tbody
tr
:not
([
class
*=
table-
])
td
code
,
body
.dark-mode
.table
tbody
tr
:not
([
class
*=
table-
])
th
code
{
background-color
:
#223
}
body
.dark-mode
.table
thead
tr
th
{
border
:
0
;
background-color
:
#223
;
color
:
#a8a9bb
}
body
.dark-mode
.table
tbody
tr
{
background
:
#2c2c43
!important
}
body
.dark-mode
.table
tbody
tr
[
class
*=
table-
]
td
,
body
.dark-mode
.table
tbody
tr
[
class
*=
table-
]
th
{
background-color
:
unset
;
color
:
#22292f
;
border-color
:
#303247
}
body
.dark-mode
.table
tbody
tr
.table-dark
td
,
body
.dark-mode
.table
tbody
tr
.table-dark
th
{
color
:
#fff
}
body
.dark-mode
.table
tbody
tr
.table-active
td
,
body
.dark-mode
.table
tbody
tr
.table-active
th
{
color
:
#a8a9bb
}
body
.dark-mode
.table
tbody
tr
th
{
background-color
:
#2c2c43
}
body
.dark-mode
.table
tbody
tr
td
{
background-color
:
#2c2c43
;
color
:
#a8a9bb
}
body
.dark-mode
.table.table-bordered
,
body
.dark-mode
.table.table-bordered
tbody
tr
td
,
body
.dark-mode
.table.table-bordered
tbody
tr
th
,
body
.dark-mode
.table.table-bordered
thead
tr
td
,
body
.dark-mode
.table.table-bordered
thead
tr
th
{
border
:
1px
solid
#303247
}
body
.dark-mode
.table.table-hover
tbody
tr
:hover
{
background-color
:
#223
}
body
.dark-mode
.table.table-hover
tbody
tr
td
,
body
.dark-mode
.table.table-hover
tbody
tr
th
{
background-color
:
unset
}
body
.dark-mode
.table.table-striped
tbody
tr
:nth-of-type
(
odd
)
{
background-color
:
#223
}
body
.dark-mode
.table.table-striped
tbody
tr
td
,
body
.dark-mode
.table.table-striped
tbody
tr
th
{
background-color
:
unset
}
body
.dark-mode
.table.table-bordered
{
padding
:
0
}
body
.dark-mode
.box
,
body
.dark-mode
.card
{
background
:
#223
}
body
.dark-mode
.box.box-solid.box-default
{
background-color
:
#2c2c43
}
body
.dark-mode
.box-header.with-border
,
body
.dark-mode
.box.box-solid.box-default
,
body
.dark-mode
.card.dcat-box
.card-header
,
body
.dark-mode
.dd-handle
,
body
.dark-mode
.with-border
{
border-bottom
:
1px
solid
#303247
;
border-color
:
#303247
!important
}
body
.dark-mode
.box
.box-footer
,
body
.dark-mode
.card
.box-footer
{
border-color
:
#303247
}
body
.dark-mode
.dd-handle
{
background
:
#2a2a3f
;
color
:
#a8a9bb
;
margin-bottom
:
2px
}
body
.dark-mode
.dd-item
>
button
:before
{
color
:
#a8a9bb
}
body
.dark-mode
.input-group-addon
,
body
.dark-mode
.input-group-append
,
body
.dark-mode
.input-group-prepend
,
body
.dark-mode
.input-group-text
{
background-color
:
#2c2c43
;
border-color
:
#303247
;
color
:
#a8a9bb
!important
}
body
.dark-mode
input
::-webkit-input-placeholder
{
color
:
#9a9bb0
!important
}
body
.dark-mode
input
::-moz-placeholder
{
color
:
#9a9bb0
!important
}
body
.dark-mode
input
:-ms-input-placeholder
{
color
:
#9a9bb0
!important
}
body
.dark-mode
.help-block
{
color
:
#a4a5b8
!important
}
body
.dark-mode
.has-error
.checkbox
,
body
.dark-mode
.has-error
.checkbox-inline
,
body
.dark-mode
.has-error.checkbox
label
,
body
.dark-mode
.has-error
.control-label
,
body
.dark-mode
.has-error
.form-control-position
i
,
body
.dark-mode
.has-error
.form-control
:focus
~
.form-control-position
i
,
body
.dark-mode
.has-error
.help-block
,
body
.dark-mode
.has-error
.radio
,
body
.dark-mode
.has-error
.radio-inline
,
body
.dark-mode
.has-error.radio
label
{
color
:
#bd4147
!important
}
body
.dark-mode
.select2-container--default
.select2-results
>
.select2-results__options
::-webkit-scrollbar
{
width
:
12px
;
height
:
12px
}
body
.dark-mode
.select2-container--default
.select2-results
>
.select2-results__options
::-webkit-scrollbar-track
{
background-color
:
#2c2c43
}
body
.dark-mode
.select2-container--default
.select2-results
>
.select2-results__options
::-webkit-scrollbar-thumb
{
background-color
:
#1e1e2d
;
border-radius
:
.4rem
}
body
.dark-mode
.form-control
,
body
.dark-mode
.select2-container--default
.select2-selection--multiple
,
body
.dark-mode
.select2-container--default
.select2-selection--single
{
background
:
#2c2c43
;
color
:
#a8a9bb
!important
;
border-color
:
#303247
!important
}
body
.dark-mode
.select2-container--default
.select2-search--inline
.select2-search__field
,
body
.dark-mode
.select2-container--default
.select2-selection--single
.select2-selection__rendered
{
color
:
#a8a9bb
!important
}
body
.dark-mode
.select2-container--default
.select2-search--dropdown
.select2-search__field
{
background
:
#2c2c43
!important
;
color
:
#a8a9bb
!important
}
body
.dark-mode
.select2-container--default
.select2-search--dropdown
.select2-search__field
,
body
.dark-mode
.select2-container--default
.select2-selection--multiple
{
border-color
:
#303247
!important
}
body
.dark-mode
.select2-container--default
.select2-results
>
.select2-results__options
,
body
.dark-mode
.select2-dropdown
{
background
:
#223
!important
}
body
.dark-mode
.select2-container--default
.select2-results__option--highlighted
[
aria-selected
],
body
.dark-mode
.select2-container--default
.select2-results__option
[
aria-selected
=
true
]
{
background
:
#1e1e2d
!important
;
color
:
#a8a9bb
!important
}
body
.dark-mode
.table-filter
.form-control
{
background
:
#223
;
color
:
#a8a9bb
}
body
.dark-mode
.form-divider
{
border-color
:
#303247
}
body
.dark-mode
.form-divider
span
{
background-color
:
#223
}
body
.dark-mode
.form-control
:disabled
,
body
.dark-mode
.form-control
[
readonly
],
body
.dark-mode
.select2-container--default.select2-container--disabled
.select2-selection--multiple
,
body
.dark-mode
.select2-container--default.select2-container--disabled
.select2-selection--single
{
background-color
:
#28283d
!important
}
body
.dark-mode
.layui-layer-page
.layui-layer-content
::-webkit-scrollbar
{
width
:
12px
;
height
:
12px
}
body
.dark-mode
.layui-layer-page
.layui-layer-content
::-webkit-scrollbar-track
{
background-color
:
#2c2c43
}
body
.dark-mode
.layui-layer-page
.layui-layer-content
::-webkit-scrollbar-thumb
{
background-color
:
#1e1e2d
;
border-radius
:
.4rem
}
body
.dark-mode
.layui-layer
{
background-color
:
#242436
!important
}
body
.dark-mode
.layui-layer-page
.layui-layer-btn
,
body
.dark-mode
.layui-layer-page
.layui-layer-content
{
background-color
:
#28283c
!important
}
body
.dark-mode
.layui-layer-title
{
background-color
:
#242436
!important
;
border-bottom
:
1px
solid
#303247
!important
;
color
:
#a8a9bb
!important
}
body
.dark-mode
.layui-layer-btn1
{
border-color
:
#223
!important
;
background
:
#223
!important
}
body
.dark-mode
.layui-layer-setwin
.layui-layer-close1
:before
,
body
.dark-mode
.layui-layer-setwin
.layui-layer-max
:before
,
body
.dark-mode
.layui-layer-setwin
.layui-layer-min
cite
:before
{
color
:
#a8a9bb
!important
}
body
.dark-mode
.web-uploader
.placeholder
{
border-width
:
2px
;
border-color
:
#9495ab
!important
}
body
.dark-mode
.web-uploader
.filelist
li
{
background
:
#223
!important
}
body
.dark-mode
.web-uploader
.queueList
{
border-color
:
#303247
!important
}
body
.dark-mode
.web-uploader
.filelist
li
p
.title
,
body
.dark-mode
.web-uploader
.statusBar
.info
{
color
:
#a8a9bb
!important
}
body
.dark-mode
.slider-panel
{
background-color
:
#242436
}
body
.dark-mode
.right-side-filter-container
.header
{
border-color
:
#303247
;
background-color
:
#242436
}
body
.dark-mode
.swal2-popup
{
background
:
#223
}
body
.dark-mode
.swal2-popup
h2
{
color
:
#a8a9bb
}
body
.dark-mode
.swal2-content
{
color
:
#a4a5b8
}
body
.dark-mode
.quick-create
td
{
background-color
:
#28283c
!important
;
color
:
#9a9bb0
}
body
.dark-mode
.iconpicker
.iconpicker-items
::-webkit-scrollbar
{
width
:
12px
;
height
:
12px
}
body
.dark-mode
.iconpicker
.iconpicker-items
::-webkit-scrollbar-track
{
background-color
:
#2c2c43
}
body
.dark-mode
.iconpicker
.iconpicker-items
::-webkit-scrollbar-thumb
{
background-color
:
#1e1e2d
;
border-radius
:
.4rem
}
body
.dark-mode
.iconpicker-popover.popover
,
body
.dark-mode
.iconpicker-popover.popover
.popover-title
,
body
.dark-mode
.iconpicker
.iconpicker-items
{
background
:
#223
!important
;
border-color
:
#303247
!important
}
body
.dark-mode
.iconpicker-popover.popover.bottom
>
.arrow
:after
,
body
.dark-mode
.iconpicker-popover.popover.bottomLeft
>
.arrow
:after
,
body
.dark-mode
.iconpicker-popover.popover.bottomRight
>
.arrow
:after
,
body
.dark-mode
.iconpicker-popover.popover
.popover-title
{
border-color
:
#223
}
body
.dark-mode
.alert.alert-danger
h3
,
body
.dark-mode
.alert.alert-danger
h4
,
body
.dark-mode
.alert.alert-danger
h5
{
color
:
#ea5455
}
body
.dark-mode
.alert.alert-success
h3
,
body
.dark-mode
.alert.alert-success
h4
,
body
.dark-mode
.alert.alert-success
h5
{
color
:
#21b978
}
body
.dark-mode
.alert.alert-info
h3
,
body
.dark-mode
.alert.alert-info
h4
,
body
.dark-mode
.alert.alert-info
h5
{
color
:
#4277cf
}
body
.dark-mode
.alert.alert-primary
h3
,
body
.dark-mode
.alert.alert-primary
h4
,
body
.dark-mode
.alert.alert-primary
h5
{
color
:
#007d71
}
body
.dark-mode
.alert.alert-warning
h3
,
body
.dark-mode
.alert.alert-warning
h4
,
body
.dark-mode
.alert.alert-warning
h5
{
color
:
#d9993c
}
body
.dark-mode
.callout
{
background
:
#26263a
;
border-color
:
#8e9aac
}
body
.dark-mode
.callout
h3
,
body
.dark-mode
.callout
h4
,
body
.dark-mode
.callout
h5
{
color
:
#b6b7c6
}
body
.dark-mode
.apexcharts-legend-series
.apexcharts-legend-text
{
color
:
#a8a9bb
!important
}
body
.dark-mode
.apexcharts-radialbar-track
path
{
stroke
:
#2c2c43
}
body
.dark-mode
.apexcharts-inner
polygon
{
stroke
:
#223
!important
;
fill
:
#2c2c43
!important
}
body
.dark-mode
.apexcharts-pie-series
path
{
stroke
:
#2c2c43
}
body
.dark-mode
.apexcharts-menu
{
background-color
:
#2c2c43
;
border
:
0
}
body
.dark-mode
.apexcharts-toolbar
.apexcharts-menu-icon
:hover
svg
,
body
.dark-mode
.apexcharts-toolbar
.apexcharts-reset-zoom-icon
:hover
svg
,
body
.dark-mode
.apexcharts-toolbar
.apexcharts-zoom-icon
:hover
svg
,
body
.dark-mode
.apexcharts-toolbar
.apexcharts-zoom-in-icon
:hover
svg
,
body
.dark-mode
.apexcharts-toolbar
.apexcharts-zoom-out-icon
:hover
svg
{
fill
:
#a8a9bb
}
body
.dark-mode
.login-page
{
background-color
:
#2c2c43
!important
}
body
.dark-mode
.login-card-body
,
body
.dark-mode
.register-card-body
{
background-color
:
#223
;
color
:
#a8a9bb
}
body
.dark-mode
.grid-selector
.wrap
{
background-color
:
#223
}
body
.dark-mode
.grid-selector
.select-label
{
color
:
#9a9bb0
}
body
.dark-mode
.grid-selector
ul
>
li
a
{
color
:
#a8a9bb
}
body
.dark-mode
.grid-selector
.select-options
a
.active
{
color
:
#009688
}
body
.dark-mode
.switchery
{
background-color
:
#b3b4c4
!important
;
border-color
:
#b3b4c4
!important
;
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)}
body
.dark-mode
.switchery
>
small
{
background-color
:
#c5c5d1
!important
}
body
.dark-mode
.dropdown-menu
li
.checkbox-row
:hover
{
background-color
:
#1e1e2d
!important
}
body
.dark-mode
.dcat-step
.dcat-step-title
{
color
:
#a8a9bb
}
body
.dark-mode
.dcat-step
.active
>
.dcat-step-item-container
>
.dcat-step-content
>
.dcat-step-title
,
body
.dark-mode
.dcat-step
.done
>
.dcat-step-item-container
>
.dcat-step-content
>
.dcat-step-title
{
color
:
#bfc0cd
}
body
.dark-mode
.dcat-step
.dcat-step-icons
{
border-color
:
#b3b4c4
}
body
.dark-mode
.dcat-step
.dcat-step-icons
>
.dcat-step-icon
{
color
:
#b3b4c4
}
body
.dark-mode
.dcat-step
.dcat-step-title
:after
{
background-color
:
#a8a9bb
}
body
.dark-mode
.dcat-step
.active
>
.dcat-step-item-container
>
.dcat-step-content
>
.dcat-step-title
:after
{
background-color
:
#b3b4c4
}
body
.dark-mode
.dcat-step
.done
.dcat-step-icons
{
background-color
:
transparent
;
border-color
:
#009688
}
body
.dark-mode
.dcat-step
.done
.dcat-step-icons
>
.dcat-step-icon
{
color
:
#009688
}
body
.dark-mode
.dcat-done-step
.st-title
{
color
:
#cacbd6
}
body
.dark-mode
.dcat-done-step
.st-desc
{
color
:
#a8a9bb
}
body
.dark-mode
.table-main
::-webkit-scrollbar
{
width
:
12px
;
height
:
12px
}
body
.dark-mode
.table-main
::-webkit-scrollbar-track
{
background-color
:
#2c2c43
}
body
.dark-mode
.table-main
::-webkit-scrollbar-thumb
{
background-color
:
#1e1e2d
;
border-radius
:
.4rem
}
body
.dark-mode
.table-fixed-left
.table
{
box-shadow
:
6px
0
5px
-5px
#000
}
body
.dark-mode
.table-fixed-right
.table
{
box-shadow
:
-5px
0
5px
-5px
#000
}
body
.dark-mode
[
class
*=
sidebar-dark-
]
{
background-image
:
none
;
background-color
:
#223
!important
}
body
.dark-mode
[
class
*=
sidebar-dark-
]
.navbar-header
{
background
:
#1e1e2d
}
body
.dark-mode
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
>
.nav-treeview
{
background
:
transparent
}
body
.dark-mode
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
>
.nav-link.active
,
body
.dark-mode
[
class
*=
sidebar-dark-
]
.nav-treeview
>
.nav-item
>
.nav-link.active
,
body
.dark-mode
[
class
*=
sidebar-dark-
]
.nav-treeview
>
.nav-item
>
.nav-link.active
:focus
,
body
.dark-mode
[
class
*=
sidebar-dark-
]
.nav-treeview
>
.nav-item
>
.nav-link.active
:hover
{
background
:
#1e1e2d
}
body
.dark-mode
[
class
*=
sidebar-dark-
]
.nav-treeview.nav
.nav-item
.nav-link.active
{
padding
:
10px
10px
10px
25px
!important
}
body
.dark-mode
.main-menu
.navbar-header
.navbar-brand
{
margin-top
:
.5rem
}
body
.dark-mode
:not
(
.sidebar-separate
)
.main-sidebar
.sidebar
{
margin-top
:
1rem
}
\ No newline at end of file
vendor/dcat/laravel-admin/resources/dist/adminlte/adminlte-layui-green.css
0 → 100644
View file @
db4f1823
This diff could not be displayed because it is too large.
vendor/dcat/laravel-admin/resources/dist/dcat/css/dcat-app-layui-green.css
0 → 100644
View file @
db4f1823
#nprogress
{
pointer-events
:
none
}
#nprogress
.bar
{
background
:
rgba
(
0
,
150
,
136
,
.8
);
position
:
fixed
;
z-index
:
999999
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
2.5px
}
#nprogress
.peg
{
display
:
block
;
position
:
absolute
;
right
:
0
;
width
:
100px
;
height
:
100%
;
box-shadow
:
0
0
10px
#009688
,
0
0
5px
#009688
;
opacity
:
1
;
transform
:
rotate
(
3deg
)
translateY
(
-4px
)}
#nprogress
.spinner
{
display
:
block
;
position
:
fixed
;
z-index
:
1031
;
top
:
75px
;
right
:
15px
}
#nprogress
.spinner-icon
{
width
:
18px
;
height
:
18px
;
box-sizing
:
border-box
;
border-color
:
#009688
transparent
transparent
#009688
;
border-style
:
solid
;
border-width
:
2px
;
border-radius
:
50%
;
animation
:
nprogress-spinner
.4s
linear
infinite
}
.nprogress-custom-parent
{
overflow
:
hidden
;
position
:
relative
}
@keyframes
nprogress-spinner
{
0
%
{
transform
:
rotate
(
0
)}
to
{
transform
:
rotate
(
1turn
)}}
.swal2-title
{
font-weight
:
400
!important
}
.swal2-actions
.btn
{
padding
:
.5rem
1.5rem
!important
}
.swal2-container
{
z-index
:
89891015
!important
}
html
{
font-size
:
14px
;
height
:
100%
;
letter-spacing
:
.01rem
}
html
body
{
background-color
:
#eff1f7
;
color
:
#414750
}
.body-bg
,
.content-wrapper
{
background
:
#eff1f7
}
body
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
body
::-webkit-scrollbar-track
{
background-color
:
#eee
}
body
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.table-main
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
.table-main
::-webkit-scrollbar-track
{
background-color
:
#eee
}
.table-main
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.table-responsive
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
.table-responsive
::-webkit-scrollbar-track
{
background-color
:
#eee
}
.table-responsive
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.select2-container--default
.select2-results
>
.select2-results__options
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
.select2-container--default
.select2-results
>
.select2-results__options
::-webkit-scrollbar-track
{
background-color
:
#eee
}
.select2-container--default
.select2-results
>
.select2-results__options
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.layui-layer-page
.layui-layer-content
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
.layui-layer-page
.layui-layer-content
::-webkit-scrollbar-track
{
background-color
:
#eee
}
.layui-layer-page
.layui-layer-content
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.iconpicker
.iconpicker-items
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
.iconpicker
.iconpicker-items
::-webkit-scrollbar-track
{
background-color
:
#eee
}
.iconpicker
.iconpicker-items
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.breadcrumb
,
.h1
,
.h2
,
.h3
,
.h4
,
.h5
,
.h6
,
.header-navbar
,
.navigation
,
body
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-family
:
Nunito
,
Montserrat
,
system-ui
,
BlinkMacSystemFont
,
-apple-system
,
sans-serif
}
li
{
list-style-type
:
none
}
.text-primary-darker
{
color
:
#007d71
!important
}
.text-danger-darker
{
color
:
#bd4147
!important
}
.text-blue-darker
{
color
:
#236bb0
!important
}
.text-custom
{
color
:
#59a9f8
!important
}
.text-pink
{
color
:
#ff8acc
!important
}
.text-yellow
{
color
:
#edc30e
!important
}
.text-light
{
color
:
#f7f7f9
!important
}
.text-white50
{
color
:
hsla
(
0
,
0%
,
100%
,
.5
)
!important
}
.text-orange
{
color
:
#dda451
!important
}
.text-orange-1
{
color
:
#ffcc80
!important
}
.text-orange-2
{
color
:
#f99037
!important
}
.text-blue-1
{
color
:
#007ee5
!important
}
.text-blue-2
{
color
:
#4199de
!important
}
.text-cyan
{
color
:
#7367f0
!important
}
.text-tear
{
color
:
#01847f
!important
}
.text-tear-1
{
color
:
#00b5b5
!important
}
.text-gray
{
color
:
#b9c3cd
!important
}
.text-20
{
color
:
#f6fbff
!important
}
.text-30
{
color
:
#f4f7fa
!important
}
.text-35
{
color
:
#e7eef7
!important
}
.text-40
{
color
:
#ebf0f3
!important
}
.text-50
{
color
:
#d3dde5
!important
}
.text-60
{
color
:
#bacad6
!important
}
.text-70
{
color
:
#b3b9bf
!important
}
.text-80
{
color
:
#7c858e
!important
}
.text-85
{
color
:
#5c7089
!important
}
.bg-custom
{
background
:
#59a9f8
!important
}
.bg-pink
{
background
:
#ff8acc
!important
}
.bg-yellow
{
background
:
#edc30e
!important
}
.bg-light
{
background
:
#f7f7f9
!important
}
.bg-white50
{
background
:
hsla
(
0
,
0%
,
100%
,
.5
)
!important
}
.bg-orange
{
background
:
#dda451
!important
}
.bg-orange-1
{
background
:
#ffcc80
!important
}
.bg-orange-2
{
background
:
#f99037
!important
}
.bg-blue-1
{
background
:
#007ee5
!important
}
.bg-blue-2
{
background
:
#4199de
!important
}
.bg-cyan
{
background
:
#7367f0
!important
}
.bg-tear
{
background
:
#01847f
!important
}
.bg-tear-1
{
background
:
#00b5b5
!important
}
.bg-default
{
background
:
#d2d6de
!important
}
.bg-gray
{
background
:
#b9c3cd
!important
}
.bg-20
{
background
:
#f6fbff
!important
}
.bg-30
{
background
:
#f4f7fa
!important
}
.bg-35
{
background
:
#e7eef7
!important
}
.bg-40
{
background
:
#ebf0f3
!important
}
.bg-50
{
background
:
#d3dde5
!important
}
.bg-60
{
background
:
#bacad6
!important
}
.bg-70
{
background
:
#b3b9bf
!important
}
.bg-80
{
background
:
#7c858e
!important
}
.bg-primary-gradient
{
background-image
:
linear-gradient
(
60deg
,
#009688
,
0
,
#00b09f
37%
,
#00f2db
65%
,
#07ffe8
)}
.shadow-0
{
box-shadow
:
none
!important
}
.shadow
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
)
!important
}
.shadow-100
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.05
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.05
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.05
)
!important
}
.shadow-200
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)
!important
}
.font-sm-1
{
font-size
:
.7rem
!important
}
.font-sm-2
{
font-size
:
.8rem
!important
}
.font-sm-3
{
font-size
:
.9rem
!important
}
.font-md-1
{
font-size
:
1.1rem
!important
}
.font-md-2
{
font-size
:
1.2rem
!important
}
.font-md-3
{
font-size
:
1.3rem
!important
}
.font-md-4
{
font-size
:
1.4rem
!important
}
.font-md-5
{
font-size
:
1.5rem
!important
}
.font-lg-1
{
font-size
:
2rem
!important
}
.font-lg-2
{
font-size
:
3rem
!important
}
.font-lg-3
{
font-size
:
4rem
!important
}
.font-lg-4
{
font-size
:
5rem
!important
}
.font-lg-5
{
font-size
:
6rem
!important
}
.font-w-300
{
font-weight
:
300
}
.font-w-400
{
font-weight
:
400
}
.font-w-500
{
font-weight
:
500
}
.font-w-600
{
font-weight
:
600
}
.font-w-700
{
font-weight
:
700
}
.mt-1-5
{
margin-top
:
1.5rem
!important
}
.mb-1-5
{
margin-bottom
:
1.5rem
!important
}
.ml-1-5
{
margin-left
:
1.5rem
!important
}
.mr-1-5
{
margin-right
:
1.5rem
!important
}
.pt-1-5
{
padding-top
:
1.5rem
!important
}
.pb-1-5
{
padding-bottom
:
1.5rem
!important
}
.pl-1-5
{
padding-left
:
1.5rem
!important
}
.pr-1-5
{
padding-right
:
1.5rem
!important
}
.text-italic
{
font-style
:
italic
}
.text-highlight
{
padding
:
4px
6px
}
.pin
,
.pin-y
{
top
:
0
;
bottom
:
0
}
.pin
{
right
:
0
;
left
:
0
}
.icon-bg-circle
{
color
:
#fff
;
padding
:
.5rem
;
border-radius
:
50%
}
.icon-left
,
.icon-right
{
margin-right
:
.5rem
}
.icon-spin
{
display
:
inline-block
;
animation
:
spin
1s
linear
infinite
}
.hidden
{
display
:
none
;
visibility
:
hidden
}
.round
{
border-radius
:
1.5rem
}
.square
{
border-radius
:
0
}
.icon-line-height
{
line-height
:
1.5rem
!important
}
.spinner
{
display
:
inline-block
;
animation
:
spin
1s
linear
infinite
}
@keyframes
spin
{
0
%
{
transform
:
rotate
(
0deg
)}
to
{
transform
:
rotate
(
1turn
)}}
button
:focus
{
outline
:
none
}
.overflow-x-auto
{
overflow-x
:
auto
!important
}
.overflow-y-auto
{
overflow-y
:
auto
!important
}
.h1
,
.h2
,
.h3
,
.h4
,
.h5
,
.h6
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
line-height
:
1.3
}
.content
.content-wrapper
{
padding
:
7rem
2.5rem
0
}
.navbar-fixed-top
.content-wrapper
{
padding-top
:
6.4rem
}
.full-page
.content
.content-wrapper
{
padding
:
0
;
margin-left
:
0
!important
}
dl
,
ol
,
ul
{
margin-bottom
:
0
}
.btn
{
padding
:
.54rem
1.2rem
!important
;
height
:
34px
;
line-height
:
1.2
;
border-radius
:
.2rem
;
cursor
:
pointer
;
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.065
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.065
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.065
)}
.btn.btn-trans
{
box-shadow
:
none
}
.btn-trans.btn-primary
{
background-color
:
#63fff0
;
border-color
:
#63fff0
;
color
:
#009688
}
.btn-shadow.btn
,
.btn
:focus
,
.btn
:hover
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.065
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.065
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.065
)}
.btn-shadow.btn
:focus
,
.btn-shadow.btn
:hover
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)}
.btn-group-sm
>
.btn
,
.btn-lg
,
.btn-sm
{
border-radius
:
.2rem
}
.btn-primary
{
color
:
#fff
}
.btn-sm
,
.btn-xs
{
padding
:
.54rem
.9rem
!important
}
a
.btn
,
span
.btn
{
line-height
:
1.4
}
div
.btn
{
line-height
:
1.3
}
.btn-group-sm
>
div
.btn
,
.btn-group-sm
>
span
.btn
,
div
.btn.btn-sm
,
span
.btn.btn-sm
{
line-height
:
1.2
}
.btn-group-sm
>
a
.btn
,
a
.btn-sm
{
line-height
:
1.1
}
.btn-warning
,
.btn.btn-warning.active
,
.btn.btn-warning
:focus
,
.btn.btn-warning
:hover
{
color
:
#fff
}
.btn-group-sm
>
.btn
,
.btn-sm
{
font-size
:
12px
;
line-height
:
1.1
;
height
:
30px
}
.btn-default
{
background
:
#fff
;
border-color
:
#fff
}
.btn-default.active
,
.btn-default
:focus
,
.btn-default
:hover
{
background
:
#fff
;
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.05
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.05
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.05
)}
.btn-group
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.065
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.065
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.065
)}
.btn-group
.btn
:not
(
.btn-white
)
:hover
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.05
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.05
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.05
)}
.btn-group
.btn
{
box-shadow
:
none
!important
}
.btn-group.btn-shadow
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.065
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.065
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.065
)}
.btn-custom
{
color
:
#2a2e30
;
background-color
:
#59a9f8
;
border-color
:
#59a9f8
;
color
:
#fff
}
.btn-custom
:hover
{
color
:
#fff
;
background-color
:
#48a0f7
;
border-color
:
#48a0f7
}
.btn-custom.focus
,
.btn-custom
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
82
,
151
,
218
,
.5
)}
.btn-custom.disabled
,
.btn-custom
:disabled
{
color
:
#2a2e30
;
background-color
:
#59a9f8
;
border-color
:
#59a9f8
}
.btn-custom
:not
(
:disabled
)
:not
(
.disabled
)
.active
,
.btn-custom
:not
(
:disabled
)
:not
(
.disabled
)
:active
,
.show
>
.btn-custom.dropdown-toggle
{
color
:
#fff
;
background-color
:
#419cf7
;
border-color
:
#419cf7
}
.btn-custom
:not
(
:disabled
)
:not
(
.disabled
)
.active
:focus
,
.btn-custom
:not
(
:disabled
)
:not
(
.disabled
)
:active:focus
,
.show
>
.btn-custom.dropdown-toggle
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
82
,
151
,
218
,
.5
)}
.btn-outline-custom
,
.btn-outline-custom
:hover
{
color
:
#59a9f8
;
border-color
:
#59a9f8
}
.btn-outline-custom
:hover
{
background-color
:
rgba
(
89
,
169
,
248
,
.1
)}
.btn-outline-custom.focus
,
.btn-outline-custom
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
89
,
169
,
248
,
.5
)}
.btn-outline-custom.disabled
,
.btn-outline-custom
:disabled
{
color
:
#59a9f8
;
background-color
:
transparent
}
.btn-outline-custom
:not
(
:disabled
)
:not
(
.disabled
)
.active
,
.btn-outline-custom
:not
(
:disabled
)
:not
(
.disabled
)
:active
,
.show
>
.btn-outline-custom.dropdown-toggle
{
color
:
#2a2e30
;
background-color
:
#59a9f8
;
border-color
:
#59a9f8
}
.btn-outline-custom
:not
(
:disabled
)
:not
(
.disabled
)
.active
:focus
,
.btn-outline-custom
:not
(
:disabled
)
:not
(
.disabled
)
:active:focus
,
.show
>
.btn-outline-custom.dropdown-toggle
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
89
,
169
,
248
,
.5
)}
.btn-cyan
{
color
:
#fff
;
background-color
:
#7367f0
;
border-color
:
#7367f0
}
.btn-cyan
:hover
{
color
:
#fff
;
background-color
:
#6457ee
;
border-color
:
#6457ee
}
.btn-cyan.focus
,
.btn-cyan
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
136
,
126
,
242
,
.5
)}
.btn-cyan.disabled
,
.btn-cyan
:disabled
{
color
:
#fff
;
background-color
:
#7367f0
;
border-color
:
#7367f0
}
.btn-cyan
:not
(
:disabled
)
:not
(
.disabled
)
.active
,
.btn-cyan
:not
(
:disabled
)
:not
(
.disabled
)
:active
,
.show
>
.btn-cyan.dropdown-toggle
{
color
:
#fff
;
background-color
:
#5e50ee
;
border-color
:
#5e50ee
}
.btn-cyan
:not
(
:disabled
)
:not
(
.disabled
)
.active
:focus
,
.btn-cyan
:not
(
:disabled
)
:not
(
.disabled
)
:active:focus
,
.show
>
.btn-cyan.dropdown-toggle
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
136
,
126
,
242
,
.5
)}
.btn-outline-cyan
,
.btn-outline-cyan
:hover
{
color
:
#7367f0
;
border-color
:
#7367f0
}
.btn-outline-cyan
:hover
{
background-color
:
rgba
(
115
,
103
,
240
,
.1
)}
.btn-outline-cyan.focus
,
.btn-outline-cyan
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
115
,
103
,
240
,
.5
)}
.btn-outline-cyan.disabled
,
.btn-outline-cyan
:disabled
{
color
:
#7367f0
;
background-color
:
transparent
}
.btn-outline-cyan
:not
(
:disabled
)
:not
(
.disabled
)
.active
,
.btn-outline-cyan
:not
(
:disabled
)
:not
(
.disabled
)
:active
,
.show
>
.btn-outline-cyan.dropdown-toggle
{
color
:
#fff
;
background-color
:
#7367f0
;
border-color
:
#7367f0
}
.btn-outline-cyan
:not
(
:disabled
)
:not
(
.disabled
)
.active
:focus
,
.btn-outline-cyan
:not
(
:disabled
)
:not
(
.disabled
)
:active:focus
,
.show
>
.btn-outline-cyan.dropdown-toggle
:focus
{
box-shadow
:
0
0
0
.2rem
rgba
(
115
,
103
,
240
,
.5
)}
.btn.btn-default
,
.btn.btn-white
{
color
:
#414750
;
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.065
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.065
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.065
);
background
:
#fff
}
.btn.btn-white.btn-primary
,
.btn.btn-white.btn-primary
:focus
,
.btn.btn-white.btn-primary
:hover
{
color
:
#fff
!important
}
.btn-white.active
,
.btn-white
:focus
,
.btn-white
:hover
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)
!important
}
.btn-light
{
border-color
:
#dbe3e6
!important
;
background-color
:
#fff
!important
;
color
:
#444
;
box-shadow
:
none
}
.btn-light
:focus
,
.btn-light
:hover
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)
!important
;
color
:
#444
!important
}
.btn-secondary
{
border-color
:
#e4eaee
!important
;
background-color
:
#f4f4f4
!important
;
color
:
#414750
!important
;
box-shadow
:
none
}
.btn-secondary
:focus
,
.btn-secondary
:hover
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)
!important
}
.btn-flat-danger
,
.btn-flat-dark
,
.btn-flat-info
,
.btn-flat-primary
,
.btn-flat-success
,
.btn-flat-warning
,
.btn-no-shadow
,
.btn-outline-danger
,
.btn-outline-dark
,
.btn-outline-info
,
.btn-outline-primary
,
.btn-outline-success
,
.btn-outline-warning
{
box-shadow
:
none
}
.input-group-sm
>
.custom-select
,
.input-group-sm
>
.form-control
,
.input-group-sm
>
.input-group-append
>
.btn
,
.input-group-sm
>
.input-group-append
>
.input-group-text
,
.input-group-sm
>
.input-group-prepend
>
.btn
,
.input-group-sm
>
.input-group-prepend
>
.input-group-text
{
padding
:
.5rem
.7rem
}
.btn
:not
(
.btn-sm
)
.spinner-grow
,
a
:not
(
.btn
)
.spinner-grow
{
margin-bottom
:
.15rem
}
.btn-outline
{
background-color
:
transparent
}
.btn-primary.btn-outline
{
color
:
#009688
;
border-color
:
#009688
}
.btn-info.btn-outline
{
color
:
#4277cf
;
border-color
:
#4277cf
}
.btn-success.btn-outline
{
color
:
#21b978
;
border-color
:
#21b978
}
.btn-danger.btn-outline
{
color
:
#ea5455
;
border-color
:
#ea5455
}
.btn-warning.btn-outline
{
color
:
#dda451
;
border-color
:
#dda451
}
.btn-primary.btn-outline.disabled
,
.btn-primary.btn-outline
:disabled
{
background
:
transparent
}
.btn-danger.btn-outline.active
,
.btn-danger.btn-outline
:hover
,
.btn-info.btn-outline.active
,
.btn-info.btn-outline
:hover
,
.btn-success.btn-outline.active
,
.btn-success.btn-outline
:hover
,
.btn-warning.btn-outline.active
,
.btn-warning.btn-outline
:hover
{
color
:
#fff
}
.btn-primary.btn-outline.active
,
.btn-primary.btn-outline
:hover
{
background
:
rgba
(
0
,
150
,
136
,
.05
);
color
:
#009688
}
.number-group
.input-group-btn
:first-child
.btn
{
border-bottom-right-radius
:
0
;
border-top-right-radius
:
0
;
border-right
:
0
}
.number-group
.input-group-btn
:last-child
.btn
{
border-bottom-left-radius
:
0
;
border-top-left-radius
:
0
}
.header-navbar.navbar-shadow
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
)}
.header-navbar.floating-nav
{
margin
:
1.3rem
2.2rem
0
}
.navbar-container
{
height
:
60px
}
.navbar-light
{
background-color
:
#fff
}
.dark-mode-switcher
{
margin
:
0
5px
0
0
;
font-size
:
1.5rem
;
cursor
:
pointer
}
.breadcrumb
{
border-left
:
0
}
.content-header
{
padding
:
0
0
2px
}
.breadcrumbs-top
{
margin-bottom
:
1rem
}
.content-header
h1
{
font-weight
:
400
;
font-size
:
24px
;
display
:
inline-block
;
font-family
:
Montserrat
,
Nunito
,
sans-serif
}
.content-header
h1
small
{
font-size
:
15px
;
display
:
inline-block
;
padding-left
:
5px
;
color
:
#777
}
.custom-data-table-header
.table-responsive
.top
{
display
:
flex
;
justify-content
:
space-between
;
padding
:
0
1rem
}
.custom-data-table-header
.table-responsive
.top
.action-btns
{
margin-top
:
1.5rem
;
display
:
flex
}
.custom-data-table-header
.table-responsive
.top
.action-btns
.actions-dropodown
{
box-shadow
:
0
2px
8px
0
rgba
(
0
,
0
,
0
,
.14
);
border-radius
:
.3rem
;
margin-right
:
.75rem
}
.custom-data-table-header
.table-responsive
.top
.action-btns
.actions-dropodown
.dropdown-toggle
{
font-size
:
1.125rem
;
font-weight
:
500
}
.custom-data-table-header
.table-responsive
.top
.action-btns
.actions-dropodown
.dropdown-toggle
:after
{
left
:
0
}
.custom-data-table-header
.table-responsive
.top
.action-btns
.dt-buttons
.btn
{
padding
:
.9rem
.938rem
}
.table-responsive
.table-filter
{
display
:
inline-block
}
.table-filter
.form-control
{
padding
:
1.25rem
2.8rem
!important
;
border-radius
:
5rem
;
border
:
0
;
background
:
#fff
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
font-size
:
.82rem
}
.table-filter
label
{
position
:
relative
}
.table-filter
label
:after
{
content
:
"\E8BD"
;
font-family
:
feather
;
position
:
absolute
;
top
:
.45rem
;
font-size
:
1.1rem
;
left
:
1.1rem
;
font-weight
:
300
;
color
:
#b3b9bf
}
table
.custom-data-table.data-table
{
border-spacing
:
0
.8rem
;
padding
:
0
}
table
.custom-data-table
tbody
tr
{
background
:
#fff
}
table
.data-table
{
border-collapse
:
separate
!important
}
table
.custom-data-table.data-table
thead
th
{
padding
:
.714rem
.51rem
;
font-weight
:
600
;
border-bottom
:
0
;
border-top
:
0
}
table
.custom-data-table.data-table
thead
th
input
:focus
{
outline
:
0
}
table
.custom-data-table.data-table
thead
th
:first-child
{
padding-left
:
.9rem
}
table
.custom-data-table.data-table
tbody
tr
{
background-color
:
#fff
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
cursor
:
pointer
;
transition
:
all
.3s
ease
;
border-radius
:
.3rem
}
table
.custom-data-table.data-table
tbody
tr
:hover
{
background
:
#f8fafc
}
table
.custom-data-table.data-table
tbody
tr
td
:first-child
{
padding-left
:
1rem
;
border-top-left-radius
:
.3rem
;
border-bottom-left-radius
:
.3rem
}
table
.custom-data-table.data-table
tbody
tr
td
:last-child
{
border-top-right-radius
:
.3rem
;
border-bottom-right-radius
:
.3rem
}
table
.custom-data-table.data-table
tbody
tr
.selected
td
{
border-radius
:
0
}
table
.custom-data-table.data-table
tbody
td
{
border
:
none
;
vertical-align
:
middle
;
height
:
60px
;
padding
:
.55rem
;
line-height
:
1.42857
}
table
.custom-data-table.data-table
tbody
td
:focus
,
table
.custom-data-table.data-table
tbody
td
input
:focus
{
outline
:
0
}
table
.custom-data-table.data-table
tbody
td
.progress
{
margin-bottom
:
0
;
box-shadow
:
0
4px
8px
0
rgba
(
0
,
0
,
0
,
.12
),
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.08
)}
.form-control
{
border-color
:
#dbe3e6
;
color
:
#414750
}
.form-control
:not
(
textarea
)
{
padding
:
.5rem
.7rem
;
font-size
:
.9rem
}
div
.form-control
,
input
.form-control
{
min-height
:
34px
;
border-radius
:
.25rem
}
.input-group-text
{
border-color
:
#dbe3e6
}
.form-control-sm
{
padding
:
.5rem
1.5rem
}
select
.form-control
:not
([
multiple
=
multiple
])
{
background-image
:
none
}
.form-control-sm
,
.input-group-sm
>
.custom-select
,
.input-group-sm
>
.form-control
{
line-height
:
13px
}
.input-group-sm
>
div
.form-control
,
.input-group-sm
>
input
.form-control
,
div
.form-control-sm
,
input
.form-control-sm
{
max-height
:
30px
;
min-height
:
30px
}
.input-group
.form-control
{
height
:
100%
}
.input-group-text
{
padding
:
.6rem
.9rem
;
border-radius
:
.25rem
}
.help-block
{
display
:
block
;
margin-top
:
7px
;
margin-bottom
:
3px
;
color
:
#737373
}
.control-label
{
padding-top
:
10px
;
padding-right
:
5px
;
margin-bottom
:
0
;
font-size
:
1rem
;
text-transform
:
capitalize
}
.fields-group
.row.form-group
{
margin-right
:
0
;
margin-left
:
0
}
@media
(
min-width
:
768px
){
.form-group
.control-label
{
text-align
:
right
}}
.with-errors.help-block
{
margin-bottom
:
4px
}
.form-control
:disabled
,
.form-control
[
readonly
],
.select2-container--default.select2-container--disabled
.select2-selection--multiple
,
.select2-container--default.select2-container--disabled
.select2-selection--single
{
background-color
:
#f7f7f9
!important
;
cursor
:
not-allowed
!important
}
.has-error
.checkbox
,
.has-error
.checkbox-inline
,
.has-error.checkbox
label
,
.has-error
.control-label
,
.has-error
.form-control-position
i
,
.has-error
.form-control
:focus
~
.form-control-position
i
,
.has-error
.help-block
,
.has-error
.radio
,
.has-error
.radio-inline
,
.has-error.radio
label
{
color
:
#bd4147
}
.control-label.asterisk
:before
{
content
:
"* "
;
font-weight
:
700
;
color
:
#bd4147
}
.form-group.has-error
.form-control
{
border-color
:
#bd4147
}
.input-group-prepend
.input-group-text
{
margin-right
:
-1px
;
max-height
:
34px
}
.input-group-addon
{
width
:
1%
;
white-space
:
nowrap
;
vertical-align
:
middle
;
padding
:
6px
12px
;
font-size
:
14px
;
font-weight
:
400
;
line-height
:
1
;
text-align
:
center
;
background-color
:
#fff
;
border
:
1px
solid
#dbe3e6
;
min-width
:
30px
}
.input-group-sm
>
.input-group-addon
{
height
:
30px
;
padding
:
5px
10px
;
font-size
:
.7rem
;
line-height
:
1.5
}
.select2-container--default
.select2-search--dropdown
.select2-search__field
,
.select2-container--default
.select2-selection--multiple
,
.select2-container--default
.select2-selection--single
{
border-color
:
#dbe3e6
!important
;
border-radius
:
.25rem
!important
}
.select2-search--inline
{
display
:
inline-block
}
.select2-container--default
.select2-dropdown
.select2-search__field
:focus
,
.select2-container--default
.select2-search--inline
.select2-search__field
:focus
{
border-color
:
#009688
!important
}
.select2-container--classic
.select2-selection--multiple
.select2-selection__rendered
li
.select2-search__field
,
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered
li
.select2-search__field
{
margin-top
:
8px
}
.input-group
.select2-container
{
width
:
50%
!important
;
flex
:
1
1
auto
}
.select2-container
.select2-selection--multiple
{
min-height
:
34px
!important
}
.select2-container--classic
.select2-selection--single
,
.select2-container--default
.select2-selection--single
{
min-height
:
34px
;
padding
:
5px
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.2
)}
.select2-container--default
.select2-selection--single
.select2-selection__arrow
{
height
:
32px
!important
}
.select2-dropdown
{
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.03
)
!important
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
)}
.select2-container--default
.select2-results__option
[
aria-selected
=
true
]
{
background-color
:
#f1f1f1
!important
}
.select2-container--default
.select2-results__option--highlighted
[
aria-selected
]
{
background-color
:
#ebf0f3
!important
;
color
:
#414750
!important
}
.select2-results__option
{
padding
:
6px
10px
!important
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice
{
padding
:
2px
5px
!important
;
border
:
0
!important
;
font-size
:
90%
;
background-color
:
#009688
!important
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove
{
color
:
#fff
!important
;
border-right
:
0
!important
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove
:focus
,
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove
:hover
{
background-color
:
#009688
!important
}
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered
{
padding
:
0
.25rem
!important
}
.select2-selection
.default-text
{
display
:
inline-block
;
padding
:
.5rem
.7rem
0
}
.select2-container--default
.select2-selection--single
.select2-selection__rendered
{
line-height
:
30px
!important
}
.input-group-sm
.select2-container--classic
.select2-selection--single
,
.input-group-sm
.select2-container--default
.select2-selection--single
{
min-height
:
31px
;
padding
:
1px
2px
;
font-size
:
.7rem
}
.input-group-sm
.select2-selection
.default-text
{
padding
:
.3rem
.5rem
0
}
.input-group-sm
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered
{
padding
:
0
.4rem
!important
}
.input-group-sm
.select2-container--default
.select2-selection--multiple
{
min-height
:
30px
!important
;
padding
:
0
2px
;
font-size
:
.7rem
;
line-height
:
14px
}
.input-group-sm
.select2-container--default
.select2-selection--single
.select2-selection__arrow
{
top
:
-3px
}
.input-group-sm
.select2-container--classic
.select2-selection--multiple
.select2-selection__rendered
li
.select2-search__field
,
.input-group-sm
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered
li
.select2-search__field
{
margin-top
:
6px
}
.glyphicon-arrow-right
:before
{
font-family
:
feather
;
content
:
"\E829"
}
.glyphicon-arrow-left
:before
{
font-family
:
feather
;
content
:
"\E828"
}
.bootstrap-duallistbox-container
.info
{
color
:
#414750
!important
}
.has-icon-left
.form-control-position
{
right
:
auto
;
left
:
inherit
}
.form-control-position
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
2
;
display
:
block
;
width
:
2.5rem
;
height
:
2.5rem
;
line-height
:
2.5rem
;
text-align
:
center
}
.has-icon-left
.form-control
{
padding-right
:
2rem
;
padding-left
:
3rem
}
.form-divider
{
height
:
20px
;
border-bottom
:
1px
solid
#eee
}
.form-divider
span
{
font-size
:
16px
;
background-color
:
#fff
;
padding
:
0
10px
}
.pagination
.page-item
.page-link
{
font-weight
:
600
;
font-size
:
.95rem
;
padding
:
.5rem
.75rem
}
.pagination
.page-item.disabled
{
opacity
:
.82
}
.table
{
color
:
#414750
;
margin-bottom
:
0
}
.table-middle
td
{
vertical-align
:
middle
}
.table-text-center
td
,
.table-text-center
th
{
text-align
:
center
}
table
.data-table
thead
tr
{
background
:
transparent
}
.table
thead
th
{
padding
:
.65rem
;
font-weight
:
600
;
text-transform
:
capitalize
;
font-size
:
.95rem
!important
;
border-bottom
:
1px
solid
#f0f0f0
}
table
.data-table
tfoot
td
,
table
.data-table
tfoot
th
,
table
.data-table
thead
td
,
table
.data-table
thead
th
{
font-size
:
.9rem
!important
}
table
.data-table
:not
(
.table-bordered
)
thead
tr
th
{
text-transform
:
capitalize
}
table
.data-table
{
border
:
0
}
.table
td
{
padding
:
.55rem
;
height
:
55px
;
line-height
:
1.42857
;
border-color
:
#f0f0f0
}
.table
tr
td
:first-child
,
.table
tr
th
:first-child
{
padding-left
:
2rem
}
.quick-search-clear
{
margin-left
:
-1.45rem
;
position
:
relative
;
color
:
#fff
}
.table-responsive
{
border
:
0
!important
;
margin-bottom
:
0
!important
;
overflow-x
:
inherit
}
.table-responsive
[
data-pattern
=
priority-columns
]
{
overflow-y
:
auto
!important
}
.custom-data-table-header
.table-responsive
{
overflow
:
visible
!important
;
padding-bottom
:
0
!important
}
.sticky-table-header
{
z-index
:
45
!important
}
table
.table-bordered.data-table
:not
(
.complex-headers
)
tbody
th
,
table
.table-bordered.data-table
tbody
td
{
border-bottom-width
:
1px
}
table
.table-bordered.data-table
td
,
table
.table-bordered.data-table
th
:not
(
.complex-headers
)
{
border-left-width
:
1px
}
table
.table-bordered.data-table
td
:last-child
,
table
.table-bordered.data-table
th
:last-child
{
border-right-width
:
1px
}
table
.data-table.complex-headers
{
border
:
1px
solid
#e4e4e4
}
table
.data-table.complex-headers
tfoot
td
,
table
.data-table.complex-headers
tfoot
th
,
table
.data-table.complex-headers
thead
td
,
table
.data-table.complex-headers
thead
th
{
border-bottom
:
1px
solid
#e4e4e4
;
border-right
:
1px
solid
#e4e4e4
}
.data-table.table-bordered
:not
(
.complex-headers
)
thead
th
{
border-right
:
1px
solid
#e2e8ec
;
border-bottom
:
1px
solid
#e2e8ec
}
.data-table.table-bordered
:not
(
.complex-headers
)
tr
:first-child
th
{
border-top
:
1px
solid
#e2e8ec
}
.data-table.table-bordered
:not
(
.complex-headers
)
thead
tr
th
:first-child
{
border-left
:
1px
solid
#e2e8ec
}
table
.table-bordered.data-table.complex-headers
{
border-spacing
:
0
;
margin-top
:
12px
!important
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
)}
table
.table-bordered.data-table.complex-headers
thead
th
{
vertical-align
:
middle
;
font-size
:
1rem
!important
}
table
.table-bordered.data-table.complex-headers
tbody
tr
{
box-shadow
:
none
;
border-radius
:
0
}
table
.table-bordered.data-table.complex-headers
tbody
tr
td
{
border-bottom
:
1px
solid
#eee
;
border-right
:
1px
solid
#eee
}
table
.table-bordered.data-table.complex-headers
tbody
tr
td
:first-child
{
border-top-left-radius
:
0
;
border-bottom-left-radius
:
0
}
table
.table-bordered.data-table.complex-headers
tbody
tr
td
:last-child
{
border-top-right-radius
:
0
;
border-bottom-right-radius
:
0
;
border-right
:
0
}
table
.table-bordered.data-table.complex-headers
tbody
tr
:last-child
td
{
border-bottom
:
0
}
.table-hover
tbody
tr
:hover
{
color
:
#414750
;
background-color
:
#f8fafc
}
.table.default-table
tr
{
box-shadow
:
none
!important
}
.table.default-table
td
{
border-top
:
1px
solid
#f0f4f8
!important
;
border-radius
:
0
!important
}
.table.default-table
thead
th
{
border-bottom
:
2px
solid
#f0f4f8
!important
}
.table.default-table.table-bordered
td
,
.table.default-table.table-bordered
th
{
border
:
1px
solid
#f0f4f8
!important
}
.table-collapse
.custom-data-table.data-table
tbody
tr
td
:first-child
{
border-top-left-radius
:
0
;
border-bottom-left-radius
:
0
}
.table-collapse
.custom-data-table.data-table
tbody
tr
td
:last-child
{
border-top-right-radius
:
0
;
border-bottom-right-radius
:
0
}
.table-collapse
.custom-data-table.data-table
tbody
tr
:first-child
td
:first-child
{
border-top-left-radius
:
.25rem
}
.table-collapse
.custom-data-table.data-table
tbody
tr
:first-child
td
:last-child
{
border-top-right-radius
:
.25rem
}
.table-collapse
.custom-data-table.data-table
tbody
tr
:last-child
td
:first-child
{
border-bottom-left-radius
:
.25rem
}
.table-collapse
.custom-data-table.data-table
tbody
tr
:last-child
td
:last-child
{
border-bottom-right-radius
:
.25rem
}
.table-collapse
.table.custom-data-table
{
padding
:
3px
5px
5px
}
.table-collapse
.table-fixed-left
.table.custom-data-table
{
padding
:
3px
0
0
5px
}
.table-collapse
.table-fixed-right
.table.custom-data-table
{
padding
:
3px
5px
0
0
}
.table-collapse
.table-fixed
th
{
background
:
#ececf1
}
body
:not
(
.dark-mode
)
.table-collapse
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
background
:
#ececf1
;
margin-top
:
1rem
}
body
:not
(
.dark-mode
)
.table-collapse
.custom-data-table
{
border-spacing
:
0
;
margin-top
:
0
!important
;
background-color
:
#ececf1
}
body
:not
(
.dark-mode
)
.table-collapse
table
.custom-data-table
thead
th
{
height
:
38px
;
vertical-align
:
middle
}
body
:not
(
.dark-mode
)
.table-collapse
.custom-data-table
tbody
td
{
border-top
:
1px
solid
#eff3f8
;
height
:
60px
}
body
:not
(
.dark-mode
)
.table-collapse
.custom-data-table
tbody
tr
:first-child
td
{
border-top
:
0
}
body
:not
(
.dark-mode
)
.table-collapse
table
.custom-data-table
tbody
tr
{
box-shadow
:
none
}
body
:not
(
.dark-mode
)
.table-collapse
.quick-create
td
{
background
:
#f7f7f9
!important
;
border-radius
:
0
}
body
:not
(
.dark-mode
)
.table-collapse
.table-wrap
table
.custom-data-table
thead
th
{
height
:
19px
}
body
.dark-mode
.table-collapse
table
{
border-spacing
:
0
.24rem
}
body
.dark-mode
.table-collapse
table
.custom-data-table.data-table
tbody
td
{
height
:
56px
}
body
.dark-mode
.table-collapse
.table.custom-data-table
{
padding
:
3px
10px
10px
}
body
.dark-mode
.table-collapse
.table-fixed-left
.table.custom-data-table
{
padding
:
3px
0
0
10px
}
body
.dark-mode
.table-collapse
.table-fixed-right
.table.custom-data-table
{
padding
:
3px
10px
0
0
}
.column-selector
{
margin
:
0
5px
}
.column-selector
.dropdown-menu
{
z-index
:
100
}
.column-selector
.selectors
{
padding
:
0
1rem
;
height
:
auto
;
max-height
:
500px
;
overflow-x
:
hidden
}
.column-selector
.selectors
::-webkit-scrollbar
{
width
:
10px
;
height
:
10px
}
.column-selector
.selectors
::-webkit-scrollbar-track
{
background-color
:
#eee
}
.column-selector
.selectors
::-webkit-scrollbar-thumb
{
background-color
:
#cacaca
;
border-radius
:
.4rem
}
.grid-column-header
a
{
color
:
#a5acb3
;
font-size
:
1rem
}
.grid-column-header
a
.active
,
.grid-column-header
a
:hover
{
color
:
#007d71
}
.grid-sort
{
display
:
inline-block
;
margin
:
-2px
-4px
0
3px
;
height
:
15px
}
.grid-sort
.up
:before
{
font-family
:
feather
;
padding-right
:
.3rem
;
font-size
:
.7rem
;
content
:
"\E845"
}
.grid-sort
.down
{
margin
:
6px
0
0
-1.17rem
}
.grid-sort
.down
:after
{
font-family
:
feather
;
content
:
"\E842"
;
font-size
:
.7rem
}
.dcat-box.card
{
margin-bottom
:
0
}
.dcat-box.card
.card-header
{
border-bottom
:
0
;
padding
:
1.3rem
1.5rem
;
margin-bottom
:
.5rem
}
.dcat-box.card
.card-body
{
padding
:
1rem
0
0
}
.dcat-box.card
.box-footer
{
border
:
0
;
padding
:
1rem
1.5rem
1.3rem
}
.table-responsive.table-scrollbar-x
{
overflow-x
:
auto
}
.table-responsive.table-scrollbar-x
.table
{
width
:
-moz-max-content
;
width
:
max-content
;
min-width
:
100%
}
.right-side-filter-container
.header
{
border-bottom
:
1px
solid
#f4f4f4
;
width
:
100%
;
background
:
#fff
;
z-index
:
10
;
top
:
0
;
margin-left
:
-1rem
}
.quick-create
td
{
padding-left
:
45px
;
background-color
:
#f3f3f3
;
vertical-align
:
middle
;
height
:
42px
;
color
:
#777
;
border-bottom
:
#eff3f8
}
.grid-modal
.modal-body
{
padding
:
1.5rem
}
.simple-grid
.filter-box
{
background
:
transparent
;
box-shadow
:
none
!important
;
margin
:
.5rem
0
-1rem
!important
;
padding
:
0
!important
}
.simple-grid
.filter-box
.form-group
{
margin-bottom
:
1rem
}
.simple-grid
.dcat-box.card
.card-header
{
padding
:
.8rem
0
}
.simple-grid
.dcat-box.card
.box-footer
{
padding
:
1rem
1.5rem
0
}
body
:not
(
.dark-mode
)
.simple-grid
.card
{
box-shadow
:
none
}
body
:not
(
.dark-mode
)
.simple-grid
.table-collapse
{
box-shadow
:
none
;
background
:
transparent
}
body
:not
(
.dark-mode
)
.simple-grid
.table-collapse
.custom-data-table
{
background
:
transparent
}
body
:not
(
.dark-mode
)
.simple-grid
.table-collapse
.custom-data-table.data-table
tbody
td
{
height
:
48px
}
body
:not
(
.dark-mode
)
.simple-grid
.table-collapse
.custom-data-table.data-table
thead
th
{
height
:
20px
}
body
:not
(
.dark-mode
)
.simple-grid
.table-collapse
.custom-data-table
{
padding
:
5px
0
0
;
border-bottom
:
1px
solid
#eff3f8
}
body
:not
(
.dark-mode
)
.simple-grid
.table-collapse
table
.data-table
thead
tr
:last-child
th
{
border-bottom
:
2px
solid
#eff3f8
}
.vs-checkbox-con.checkbox-grid-column
input
:disabled
+
.vs-checkbox
{
cursor
:
not-allowed
;
opacity
:
.33
}
.dropdown-menu
{
z-index
:
20
}
.dropdown
.dropdown-menu
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.05
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.05
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.05
);
border
:
0
;
min-width
:
10rem
;
transform
:
none
}
.dropdown
.dropdown-menu
.dropdown-item
:hover
{
background-color
:
#f4f7fa
;
color
:
#414750
}
.dropdown
.dropdown-menu
:before
{
border-top
:
1px
solid
rgba
(
0
,
0
,
0
,
.07
);
border-left
:
1px
solid
rgba
(
0
,
0
,
0
,
.07
)}
.dropdown
i
{
margin-right
:
0
}
.dropdown
.dropdown-menu
.dropdown-item
,
.dropleft
.dropdown-menu
.dropdown-item
,
.dropright
.dropdown-menu
.dropdown-item
,
.dropup
.dropdown-menu
.dropdown-item
{
padding
:
0
;
color
:
#414750
}
.dropdown-item
a
,
.dropdown-menu
label
{
color
:
#414750
}
.dropdown-item
a
{
padding
:
.35rem
1.38rem
;
display
:
block
}
.vs-checkbox-con
{
margin
:
0
}
.vs-checkbox-con
input
{
z-index
:
5
}
.vs-checkbox-con
.vs-checkbox
{
width
:
17px
;
height
:
17px
}
.vs-checkbox-con
input
:checked
~
.vs-checkbox
.vs-checkbox--check
.vs-icon
{
font-size
:
.95rem
;
margin-top
:
-1px
}
.vs-radio-con
input
{
z-index
:
10
}
.card
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
margin-bottom
:
1.5rem
;
border-radius
:
.25rem
}
.card
.card-header
{
padding
:
1.1rem
1.1rem
0
;
align-items
:
center
;
display
:
flex
;
justify-content
:
space-between
}
.card-header.with-border
{
border-bottom
:
1px
solid
#f4f4f4
;
padding
:
1.1rem
}
.card-box-title
{
font-size
:
1.1rem
}
.card-title
{
font-size
:
1.2rem
}
.card-footer
{
background
:
transparent
;
border-color
:
#f4f4f4
!important
}
.card-body
,
.card-footer
{
padding
:
1.1rem
}
.card-body
.card-footer
{
padding
:
.8rem
;
margin
:
-1.1rem
}
.dd
{
margin
:
0
!important
}
.dd-item
>
button
:before
{
font-family
:
feather
;
content
:
"\E844"
!important
;
margin-top
:
3px
}
.dd-item
>
button
[
data-action
=
collapse
]
:before
{
content
:
"\E842"
!important
}
.dd-handle
{
border
:
1px
solid
#eaeff0
!important
;
border-radius
:
.2rem
!important
}
.layui-layer
{
box-shadow
:
0
2px
6px
0
rgba
(
0
,
0
,
0
,
.2
)
!important
}
.layui-layer-title
{
padding
:
0
80px
0
20px
;
height
:
52px
!important
;
line-height
:
52px
!important
;
border-bottom
:
1px
solid
#f4f4f4
!important
;
font-size
:
1.1rem
!important
;
text-transform
:
capitalize
;
overflow
:
hidden
;
background-color
:
#fff
!important
;
border-radius
:
.25rem
.25rem
0
0
!important
}
.layui-layer-setwin
.layui-layer-min
cite
{
background
:
transparent
!important
;
position
:
static
!important
}
.layui-layer-setwin
.layui-layer-min
cite
:before
{
font-family
:
feather
;
content
:
"\E897"
;
font-size
:
1.1rem
;
color
:
#414750
}
.layui-layer-ico
{
background
:
transparent
!important
;
color
:
#414750
}
.layui-layer-setwin
.layui-layer-max
:before
{
font-family
:
feather
;
content
:
"\E908"
;
font-size
:
1rem
}
.layui-layer-setwin
.layui-layer-maxmin
:before
{
content
:
"\E88D"
}
.layui-layer-setwin
.layui-layer-close1
:before
{
font-family
:
feather
;
content
:
"\E8F6"
;
font-size
:
1.1rem
}
.layui-layer-setwin
.layui-layer-close1
{
margin-left
:
7px
!important
}
.layui-layer-setwin
a
{
top
:
3px
}
.layui-layer-tips
,
.layui-layer-tips
.layui-layer-content
{
font-size
:
13px
!important
;
box-shadow
:
none
!important
}
.layui-layer-btn
a
{
height
:
30px
!important
;
line-height
:
20px
!important
;
padding
:
4px
15px
!important
;
font-size
:
.85rem
;
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.05
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.05
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.05
);
border-color
:
#fff
!important
}
.layui-layer-btn
.layui-layer-btn0
{
border-color
:
#009688
!important
;
background-color
:
#009688
!important
;
color
:
#fff
!important
}
.layui-layer-border
{
border
:
0
!important
}
.slider-panel
{
padding
:
0
;
background-color
:
#fff
;
position
:
fixed
;
top
:
0
;
bottom
:
0
;
height
:
100vh
;
height
:
calc
(
var
(
--vh
,
1vh
)
*
100
);
transition
:
right
.4s
cubic-bezier
(
.05
,
.74
,
.2
,
.99
);
-webkit-backface-visibility
:
hidden
;
backface-visibility
:
hidden
;
border-left
:
1px
solid
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
0
0
5px
0
rgba
(
0
,
0
,
0
,
.05
);
width
:
450px
;
right
:
-450px
;
z-index
:
998
}
.slider-panel.open
{
right
:
0
}
.slider-panel
.slider-content
{
position
:
relative
;
height
:
100%
;
width
:
450px
}
.slider-panel
.slider-close
{
position
:
absolute
;
right
:
30px
;
top
:
20px
;
padding
:
7px
;
width
:
auto
;
z-index
:
10
;
color
:
#626262
}
.slider-panel
.slider-close
i
{
font-size
:
1.35rem
}
.slider-panel
.slider-toggle
{
background
:
#009688
;
color
:
#fff
;
display
:
block
;
box-shadow
:
-3px
0
8px
rgba
(
0
,
0
,
0
,
.1
);
border-top-left-radius
:
6px
;
border-bottom-left-radius
:
6px
;
position
:
absolute
;
top
:
50%
;
width
:
38px
;
height
:
38px
;
left
:
-39px
;
text-align
:
center
;
line-height
:
40px
;
cursor
:
pointer
}
@media
(
max-width
:
576px
){
.slider-panel
{
width
:
410px
;
right
:
-410px
}
.slider-panel
.slider-content
{
width
:
410px
}}
.grid-selector
{
width
:
100%
;
margin-top
:
1rem
}
.grid-selector
.wrap
{
position
:
relative
;
line-height
:
40px
;
border-bottom
:
1px
dashed
#eee
;
padding
:
0
25px
;
font-size
:
13px
;
overflow
:
auto
}
.grid-selector
.select-label
{
float
:
left
;
width
:
100px
;
padding-left
:
10px
;
color
:
#888
}
.grid-selector
.select-options
{
margin-left
:
100px
}
.grid-selector
ul
{
height
:
25px
;
list-style
:
none
}
.grid-selector
ul
>
li
{
margin-right
:
30px
;
float
:
left
}
.grid-selector
ul
>
li
a
{
color
:
#666
;
text-decoration
:
none
}
.grid-selector
.select-options
a
.active
{
color
:
#007d71
;
font-weight
:
700
}
.grid-selector
li
.add
{
visibility
:
hidden
}
.grid-selector
li
:hover
.add
{
visibility
:
visible
}
.grid-selector
ul
.clear
{
visibility
:
hidden
}
.grid-selector
ul
:hover
.clear
{
color
:
#bd4147
;
visibility
:
visible
}
.grid-selector
{
padding
:
2px
0
;
margin
:
.35rem
0
-.5rem
}
.grid-selector
.wrap
{
border-bottom
:
0
;
background
:
#fff
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
border-radius
:
.25rem
;
margin
:
7px
0
}
.simple-grid
.grid-selector
.wrap
{
box-shadow
:
none
;
border-radius
:
0
;
border-bottom
:
1px
dashed
#eff3f8
}
.box
{
position
:
relative
;
border-radius
:
.25rem
;
background
:
#fff
;
margin-bottom
:
10px
;
width
:
100%
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
display
:
flex
;
flex-direction
:
column
}
.box
.box-footer
,
.card
.box-footer
{
border-top
:
1px
solid
#f4f4f4
}
.box-header
{
padding
:
1rem
;
display
:
inherit
;
justify-content
:
space-between
;
align-items
:
center
}
.box-header
.h3
,
.box-header
h3
{
font-size
:
1.15rem
;
margin-bottom
:
0
;
padding
:
.1rem
}
.box-header.with-border
,
.card-header.with-border
{
border-bottom
:
1px
solid
#f4f4f4
}
.box
,
.panel
{
transition
:
.3s
cubic-bezier
(
.25
,
.8
,
.5
,
1
)}
.box-shadow
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
)}
.box.box-solid
{
border-top
:
0
}
.box-footer
{
display
:
inherit
}
.box-body
,
.box-footer
{
border-top-left-radius
:
0
;
border-top-right-radius
:
0
;
border-bottom-right-radius
:
3px
;
border-bottom-left-radius
:
3px
;
padding
:
10px
}
.box-body
.box-footer
{
margin
:
-10px
}
.box.box-solid.box-default
{
border
:
1px
solid
#e1e8ea
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
.1
)}
.form-group
.box
{
margin-bottom
:
0
}
.label
{
display
:
inline
;
padding
:
.24em
.6em
.34em
;
line-height
:
1
;
text-align
:
center
;
white-space
:
nowrap
;
vertical-align
:
baseline
;
border-radius
:
.25em
;
cursor
:
pointer
}
.badge
,
.label
{
font-size
:
87%
;
font-weight
:
600
;
color
:
#fff
;
margin-bottom
:
4px
}
.badge
{
min-width
:
10px
;
padding
:
5px
8px
;
border-radius
:
10px
}
.bg-default.badge
,
.label.bg-default
{
color
:
#414750
;
font-weight
:
700
}
.nav.nav-tabs
.nav-item
.nav-link.active
:after
{
box-shadow
:
0
0
2px
0
rgba
(
0
,
150
,
136
,
.5
)
!important
}
.nav.nav-tabs
.nav-item
.nav-link
{
font-size
:
1rem
;
padding
:
17px
14px
;
text-transform
:
capitalize
;
letter-spacing
:
.045rem
;
color
:
rgba
(
0
,
0
,
0
,
.4
);
font-weight
:
700
}
.nav-vertical
.nav.nav-tabs
.nav-item
.nav-link
{
padding
:
10px
25px
}
.nav-vertical
.nav.nav-tabs
.nav-item
.nav-link.active
:after
{
top
:
1.3rem
;
width
:
2.6rem
;
left
:
-17px
;
right
:
auto
}
.nav-vertical
.nav.nav-tabs.nav-left
{
top
:
5px
}
.nav-vertical
.nav.nav-tabs.nav-left
~
.tab-content
.tab-pane
{
background-color
:
transparent
}
.nav-tabs
.nav-item
{
margin-bottom
:
0
}
.nav.nav-tabs
{
border-bottom
:
1px
solid
#f4f4f4
}
.nav-vertical
.nav.nav-tabs
{
border-bottom
:
0
}
.nav-vertical
.nav-tabs.flex-column
{
border-right
:
0
}
.nav-vertical
.nav-tabs.flex-column
>
li
{
border-bottom
:
0
}
.nav-theme-danger
.nav.nav-tabs
,
.nav-theme-info
.nav.nav-tabs
,
.nav-theme-primary
.nav.nav-tabs
,
.nav-theme-success
.nav.nav-tabs
,
.nav-theme-white
.nav.nav-tabs
{
background
:
#009688
;
padding-left
:
10px
;
border-radius
:
.15rem
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
border-bottom
:
0
}
.nav-theme-danger
.nav.nav-tabs
.nav-item
.nav-link
,
.nav-theme-info
.nav.nav-tabs
.nav-item
.nav-link
,
.nav-theme-primary
.nav.nav-tabs
.nav-item
.nav-link
,
.nav-theme-success
.nav.nav-tabs
.nav-item
.nav-link
,
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link
{
color
:
hsla
(
0
,
0%
,
100%
,
.5
)}
.nav-theme-danger
.nav.nav-tabs
.nav-item
.nav-link.active
,
.nav-theme-info
.nav.nav-tabs
.nav-item
.nav-link.active
,
.nav-theme-primary
.nav.nav-tabs
.nav-item
.nav-link.active
,
.nav-theme-success
.nav.nav-tabs
.nav-item
.nav-link.active
,
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link.active
{
color
:
#fff
}
.nav-theme-danger
.nav.nav-tabs
.nav-item
.nav-link.active
:after
,
.nav-theme-info
.nav.nav-tabs
.nav-item
.nav-link.active
:after
,
.nav-theme-primary
.nav.nav-tabs
.nav-item
.nav-link.active
:after
,
.nav-theme-success
.nav.nav-tabs
.nav-item
.nav-link.active
:after
,
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link.active
:after
{
background
:
#fff
!important
}
.nav-theme-danger
.nav-tabs
.nav-item
,
.nav-theme-info
.nav-tabs
.nav-item
,
.nav-theme-primary
.nav-tabs
.nav-item
,
.nav-theme-success
.nav-tabs
.nav-item
,
.nav-theme-white
.nav-tabs
.nav-item
{
margin-bottom
:
2px
}
.nav-theme-success
.nav.nav-tabs
{
background
:
#21b978
}
.nav-theme-info
.nav.nav-tabs
{
background
:
#4277cf
}
.nav-theme-danger
.nav.nav-tabs
{
background
:
#ea5455
}
.nav-theme-white
.nav.nav-tabs
{
background
:
#fff
}
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link
{
color
:
rgba
(
0
,
0
,
0
,
.4
)}
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link.active
{
color
:
#009688
}
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link.active
:after
{
background
:
#009688
!important
}
.main-menu
.navbar-header
{
padding
:
.35rem
1rem
0
}
.main-menu
.navbar-header
.navbar-brand
{
margin-top
:
1.1rem
}
.main-menu
.navbar-header
.navbar-brand
img
{
display
:
inline-block
;
max-width
:
45px
;
max-height
:
40px
;
margin-top
:
-1px
}
.main-menu
.navbar-header
.logo-mini
{
display
:
none
;
font-size
:
1.8rem
;
color
:
#00776c
}
.main-menu
.navbar-header
.logo-lg
{
color
:
#00776c
;
letter-spacing
:
.01rem
;
font-size
:
1.45rem
;
animation
:
fadein
.3s
cubic-bezier
(
.25
,
.8
,
.25
,
1
)
0s
1
normal
forwards
}
.main-menu
.navbar-header
.nav-item
{
width
:
100%
;
text-align
:
center
}
.main-menu
.navbar-header
.navbar-brand
{
display
:
inline-block
;
margin
:
10px
0
}
.main-menu
[
class
*=
sidebar-dark-
]
.navbar-header
.logo-lg
,
.main-menu
[
class
*=
sidebar-dark-
]
.navbar-header
.logo-mini
{
color
:
#f7f7f7
}
.main-menu.menu-light
.navigation
>
li
.active
>
a
{
box-shadow
:
0
0
4px
1px
rgba
(
0
,
150
,
136
,
.7
)}
.main-menu.menu-shadow
{
box-shadow
:
0
0
5px
0
rgba
(
0
,
0
,
0
,
.05
)}
body
.sidebar-collapse
.main-sidebar
:not
(
:hover
,
.sidebar-focused
)
.navbar-header
{
padding
:
.35rem
15px
}
body
.sidebar-collapse
.main-sidebar
:not
(
:hover
,
.sidebar-focused
)
.navbar-header
.logo-lg
{
display
:
none
}
body
.sidebar-collapse
.main-sidebar
:not
(
:hover
,
.sidebar-focused
)
.navbar-header
.logo-mini
{
display
:
inline-block
}
.main-sidebar
.nav-sidebar
.nav-item
>
.nav-link
{
font-size
:
1.04rem
;
border-radius
:
.1rem
}
.nav-pills
.nav-link
:not
(
.active
)
:hover
{
color
:
#414750
}
[
class
*=
sidebar-dark-
]
.navbar-header
{
padding
:
0
1rem
;
height
:
61px
;
background
:
#262d37
}
[
class
*=
sidebar-dark-
]
.navbar-header
.navbar-brand
{
margin
:
8px
0
}
[
class
*=
sidebar-light-
]
.nav-treeview
>
.nav-item
>
.nav-link.active
,[
class
*=
sidebar-light-
]
.nav-treeview
>
.nav-item
>
.nav-link.active
:hover
{
color
:
#007d71
;
background
:
none
;
box-shadow
:
0
0
}
.nav-treeview
>
.nav-item
>
.nav-link
p
i
{
margin-top
:
-5px
}
.sidebar-light-primary
.nav-item
>
.nav-link.active
{
background
:
none
;
color
:
#007d71
!important
;
font-weight
:
700
;
box-shadow
:
0
0
}
.nav-sidebar
>
.nav-item
>
.nav-treeview
.nav-link
p
{
font-size
:
14px
}
body
.sidebar-separate
.main-sidebar
{
top
:
6rem
;
left
:
1.5rem
;
text-align
:
center
;
background-color
:
#fff
}
body
.sidebar-separate
.navbar-header
.logo-lg
,
body
.sidebar-separate
.navbar-header
.logo-mini
{
color
:
#414750
}
body
.sidebar-separate
.navbar-header
.navbar-brand
{
margin-top
:
1rem
!important
}
body
.sidebar-separate
.header-navbar.fixed-top
,
body
.sidebar-separate
.sidebar-collapse
.header-navbar.fixed-top
{
left
:
0
}
@media
(
min-width
:
768px
){
body
.sidebar-separate
.content-wrapper
{
margin-left
:
280px
}}
body
.sidebar-separate
.main-sidebar
.nav-sidebar
.nav-item
>
.nav-link
{
text-align
:
left
}
body
.sidebar-separate.dark-mode
[
class
*=
sidebar-dark-
]
.navbar-header
{
background
:
unset
!important
;
height
:
auto
;
padding
:
.35rem
1rem
0
}
.main-sidebar.sidebar-primary
{
background-color
:
#009688
!important
}
.main-sidebar.sidebar-primary
.nav-pills
.nav-link
:not
(
.active
)
:hover
,
.main-sidebar.sidebar-primary
.nav-treeview
>
.nav-item
>
.nav-link
,
.main-sidebar.sidebar-primary
.navbar-header
.logo-lg
,
.main-sidebar.sidebar-primary
.navbar-header
.logo-mini
,
.main-sidebar.sidebar-primary
.sidebar
a
{
color
:
#fff
}
.main-sidebar.sidebar-primary
.nav-treeview
>
.nav-item
>
.nav-link.active
,
.main-sidebar.sidebar-primary
.nav-treeview
>
.nav-item
>
.nav-link
:hover
,
.main-sidebar.sidebar-primary
.nav.nav-pills
.nav-item
.nav-link.active
{
font-weight
:
700
;
border-bottom
:
1px
solid
#fff
}
.main-sidebar.sidebar-primary
.nav-item
>
.nav-link
i
{
margin-right
:
.71rem
;
font-size
:
1.2rem
}
.main-sidebar.sidebar-primary
.nav-treeview
>
.nav-item
>
.nav-link
i
{
margin-right
:
.65rem
;
margin-left
:
3px
}
.horizontal-menu
.header-navbar.navbar-shadow
{
box-shadow
:
none
;
border-bottom
:
1px
solid
#ebeff2
}
.horizontal-menu
.content-wrapper
,
.horizontal-menu
.main-footer
,
.horizontal-menu
.main-header
{
margin-left
:
0
!important
}
.horizontal-menu
.header-navbar
{
position
:
sticky
;
top
:
0
}
.horizontal-menu
.header-navbar.navbar-horizontal
{
top
:
60px
;
position
:
fixed
}
.horizontal-menu
.main-horizontal-sidebar
{
top
:
60px
;
left
:
0
;
position
:
fixed
;
width
:
100%
;
height
:
inherit
;
min-height
:
auto
;
bottom
:
inherit
;
box-shadow
:
none
}
.horizontal-menu
.main-horizontal-sidebar
>
div
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
);
background
:
#fff
}
.horizontal-menu
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item.menu-open
>
.nav-link
,
.horizontal-menu
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
:hover
>
.nav-link
,
.horizontal-menu
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
>
.nav-link
:focus
,
.horizontal-menu
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
i
{
color
:
#414750
}
.horizontal-menu
.nav-sidebar
>
.nav-item
{
padding-bottom
:
.6rem
}
.horizontal-menu
.nav-sidebar
>
.nav-item
.nav-link
{
color
:
#414750
;
font-size
:
1rem
;
padding
:
.45rem
.7rem
;
transition
:
all
.35s
ease
!important
}
.horizontal-menu
.nav-sidebar
>
.nav-item
.nav-link.dropdown-toggle
:after
{
margin-top
:
0
!important
}
.horizontal-menu
.nav-sidebar
>
.nav-item
.nav-link.active
,
.horizontal-menu
.nav-sidebar
>
.nav-item
.nav-link.active
i
{
color
:
#009688
!important
;
font-weight
:
600
}
.horizontal-menu
.dropdown-menu
.nav-item
:hover
>
.nav-link
{
padding-left
:
1rem
}
.horizontal-menu
.nav.nav-pills
{
margin-bottom
:
0
}
.horizontal-menu
.nav.dropdown-menu
{
display
:
none
;
margin-top
:
-.2rem
;
min-width
:
200px
}
.horizontal-menu
.open
>
.nav.dropdown-menu
{
display
:
block
;
animation
:
fadein
.8s
cubic-bezier
(
.25
,
.8
,
.25
,
1
)
0s
1
normal
forwards
}
.horizontal-menu
[
class
*=
sidebar-light-
]
{
background-color
:
transparent
}
.horizontal-menu
[
class
*=
sidebar-light-
]
.nav-sidebar
>
.nav-item
>
.nav-treeview
{
background
:
#fff
;
border-radius
:
.4rem
}
.horizontal-menu
.nav-sidebar
>
.nav-item
>
.nav-link
i
{
margin-right
:
.35rem
!important
}
.horizontal-menu
.nav-pills
.nav-link.active
{
background-color
:
transparent
}
.horizontal-menu
.horizontal-navbar-brand
{
margin-top
:
-5px
;
display
:
none
}
.horizontal-menu
.horizontal-navbar-brand
.logo-lg
{
font-size
:
1.45rem
}
.horizontal-menu.navbar-fixed-top
.content-wrapper
{
padding-top
:
75px
}
body
.dark-mode.horizontal-menu
.header-navbar.navbar-shadow
{
border-color
:
#303247
}
body
.dark-mode.horizontal-menu
[
class
*=
sidebar-light-
]
.nav-sidebar
>
.nav-item
>
.nav-treeview
{
background
:
#223
;
border-radius
:
.4rem
}
body
.dark-mode.horizontal-menu
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
i
{
color
:
#a8a9bb
}
body
.dark-mode.horizontal-menu
.main-horizontal-sidebar
>
div
,
body
.dark-mode.horizontal-menu
[
class
*=
sidebar-dark-
],
body
.dark-mode.horizontal-menu
[
class
*=
sidebar-light-
]
{
background-color
:
#223
}
body
.dark-mode.horizontal-menu
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
>
.nav-link.active
{
background-color
:
transparent
}
body
.dark-mode.horizontal-menu
a
.nav-link.active
p
{
color
:
#009688
!important
}
body
.dark-mode.horizontal-menu
[
class
*=
sidebar-light-
]
.nav-sidebar
>
.nav-item
:hover
>
.nav-link
:not
(
.active
)
{
color
:
#fff
}
@media
(
min-width
:
576px
){
.navbar-expand-sm
{
flex-flow
:
row
nowrap
;
justify-content
:
flex-start
}
.navbar-expand-sm
,
.navbar-expand-sm
.navbar-nav
{
-webkit-box-orient
:
horizontal
}}
.alert
{
font-weight
:
500
;
border
:
none
;
padding
:
.85rem
1.2rem
;
border-radius
:
.25rem
}
.alert
h4
{
color
:
inherit
}
.alert
.close
:focus
{
outline
:
0
}
.alert
p
{
font-weight
:
500
;
padding
:
2px
0
;
margin-bottom
:
0
}
.alert
p
,
.alert
span
{
vertical-align
:
middle
}
.alert
.alert-heading
{
font-weight
:
700
;
font-size
:
.9rem
;
padding
:
0
0
8px
}
.alert.alert-dark
.alert-heading
{
box-shadow
:
0
6px
15px
-7px
rgba
(
34
,
41
,
47
,
.4
)}
.alert-danger
{
background-color
:
#f5e0e8
;
color
:
#ef5228
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.16
)}
.alert-success
{
background
:
rgba
(
33
,
185
,
120
,
.2
);
color
:
#1fb072
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.12
)}
.alert-info
{
background
:
rgba
(
66
,
119
,
207
,
.2
);
color
:
#4277cf
}
.alert-info
,
.alert-primary
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.17
)}
.alert-primary
{
background
:
rgba
(
0
,
150
,
136
,
.2
);
color
:
#007d71
}
.alert-warning
{
background-color
:
#f6f6eb
;
color
:
#d6922f
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.09
)}
.callout
{
border-radius
:
.1rem
;
border
:
0
;
border-left
:
3.5px
solid
#9da7b7
;
background-color
:
#fff
;
margin-bottom
:
1rem
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
.05
)}
.callout.callout-primary
{
border-left
:
3.5px
solid
#00a091
}
.callout.callout-light
{
background-color
:
#f7f7f9
;
box-shadow
:
none
}
code
{
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
.125
);
padding
:
3px
5px
;
background
:
#f7f7f9
;
color
:
#006d63
}
code
,
pre
{
font-family
:
Montserrat
,
Nunito
,
sans-serif
}
pre
{
padding
:
7px
;
white-space
:
pre-wrap
;
margin-bottom
:
0
;
word-break
:
break-all
}
a
.disabled
{
opacity
:
.65
}
.img
,[
data-action
=
preview-img
]
{
cursor
:
pointer
}
.avatar
{
max-width
:
120px
;
border
:
2px
solid
#ddd
}
.popover
{
font-family
:
Nunito
,
Montserrat
,
system-ui
,
BlinkMacSystemFont
,
-apple-system
,
sans-serif
;
border
:
0
;
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.05
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.05
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.05
);
max-width
:
320px
;
z-index
:
10
}
.popover
.popover-header
{
color
:
#fff
;
border
:
none
;
border-top-left-radius
:
.3rem
;
border-top-right-radius
:
.3rem
}
.bs-popover-auto
[
x-placement
^=
right
]>
.arrow
:before
,
.bs-popover-right
>
.arrow
:before
{
border-right-color
:
#eee
}
.popover.bs-popover-bottom
.arrow
:after
{
border-bottom-color
:
#fff
}
.bs-popover-auto
[
x-placement
^=
bottom
]>
.arrow
:before
,
.bs-popover-bottom
>
.arrow
:before
{
border-bottom-color
:
#eee
}
.bs-popover-auto
[
x-placement
^=
top
]>
.arrow
:before
,
.bs-popover-top
>
.arrow
:before
{
border-top-color
:
#eee
}
.bootstrap-datetimepicker-widget
table
td
i
,
.bootstrap-datetimepicker-widget
table
td
span
{
height
:
0
!important
;
line-height
:
0
!important
}
.bootstrap-datetimepicker-widget
table
td
.active
,
.bootstrap-datetimepicker-widget
table
td
.active
:hover
{
background-color
:
#f7f7f9
!important
;
color
:
#007d71
!important
;
font-weight
:
700
}
.bootstrap-datetimepicker-widget
table
td
{
width
:
0
!important
}
.bootstrap-datetimepicker-widget
table
td
.btn
{
padding
:
.5rem
!important
}
.bootstrap-datetimepicker-widget
table
td
,
.bootstrap-datetimepicker-widget
table
th
{
padding
:
.5em
.1em
!important
}
.modal-content
{
border
:
0
;
border-radius
:
0
}
.iconpicker-popover.popover
.popover-title
{
background
:
#fff
!important
}
.iconpicker-popover.popover.bottom
>
.arrow
,
.iconpicker-popover.popover.bottomLeft
>
.arrow
,
.iconpicker-popover.popover.bottomRight
>
.arrow
{
border-bottom-color
:
#dfdfdf
!important
}
body
.dark-mode
::-webkit-scrollbar
{
width
:
12px
;
height
:
12px
}
body
.dark-mode
::-webkit-scrollbar-track
{
background-color
:
#2c2c43
}
body
.dark-mode
::-webkit-scrollbar-thumb
{
background-color
:
#1e1e2d
;
border-radius
:
.4rem
}
body
.dark-mode
{
background-color
:
#2c2c43
;
color
:
#a8a9bb
}
body
.dark-mode
.body-bg
,
body
.dark-mode
.content-wrapper
,
body
.dark-mode
.main-footer
{
background
:
#2c2c43
}
body
.dark-mode
.bg-white
{
background
:
#2c2c43
!important
}
body
.dark-mode
a
{
color
:
#009b8d
}
body
.dark-mode
a
:hover
{
color
:
#008276
}
body
.dark-mode
.grid-column-header
a
{
color
:
#7d7f99
}
body
.dark-mode
.grid-column-header
a
.active
,
body
.dark-mode
.grid-column-header
a
:hover
{
color
:
#009b8d
}
body
.dark-mode
h1
,
body
.dark-mode
h2
,
body
.dark-mode
h3
,
body
.dark-mode
h4
,
body
.dark-mode
h5
,
body
.dark-mode
h6
{
color
:
#cacbd6
}
body
.dark-mode
label
,
body
.dark-mode
p
,
body
.dark-mode
small
{
color
:
#a8a9bb
}
body
.dark-mode
.label
{
color
:
#f9f9f9
}
body
.dark-mode
.dcat-loading
:not
(
.layui-layer-shade
)
{
background-color
:
inherit
!important
}
body
.dark-mode
.btn.btn-default
,
body
.dark-mode
.btn.btn-light
,
body
.dark-mode
.btn.btn-white
{
color
:
#a8a9bb
;
background-color
:
#223
;
border-color
:
#223
}
body
.dark-mode
.btn.btn-default
:hover
,
body
.dark-mode
.btn.btn-light
:hover
,
body
.dark-mode
.btn.btn-white
:focus
,
body
.dark-mode
.btn.btn-white
:hover
{
color
:
#aeafbf
!important
}
body
.dark-mode
.bg-light
,
body
.dark-mode
.btn.btn-light
{
color
:
#a8a9bb
!important
;
background-color
:
#2c2c43
!important
;
border-color
:
#2c2c43
!important
}
body
.dark-mode
.bg-default
{
background-color
:
#223
!important
;
color
:
#a8a9bb
!important
}
body
.dark-mode
.btn-light
:focus
,
body
.dark-mode
.btn-light
:hover
{
color
:
#abacbe
!important
}
body
.dark-mode
.btn.btn-custom
:not
(
.btn-outline
),
body
.dark-mode
.btn.btn-danger
:not
(
.btn-outline
),
body
.dark-mode
.btn.btn-info
:not
(
.btn-outline
),
body
.dark-mode
.btn.btn-primary
:not
(
.btn-outline
),
body
.dark-mode
.btn.btn-success
:not
(
.btn-outline
),
body
.dark-mode
.btn.btn-warning
:not
(
.btn-outline
)
{
color
:
#ebebeb
}
body
.dark-mode
hr
{
border-color
:
#303247
}
body
.dark-mode
pre
{
background-color
:
#223
;
border
:
0
;
color
:
#a8a9bb
}
body
.dark-mode
pre
code
{
background-color
:
inherit
}
body
.dark-mode
code
,
body
.dark-mode
pre
code
.operator
,
body
.dark-mode
pre
code
.url
{
background-color
:
#2c2c43
}
body
.dark-mode
code
{
color
:
#b8c2cc
!important
}
body
.dark-mode
kbd
{
background-color
:
#2c2c43
}
body
.dark-mode
.text-dark
{
color
:
#b8c2cc
!important
}
body
.dark-mode
.header-navbar
{
background-color
:
#223
}
body
.dark-mode
.header-navbar
.navbar-container
.nav
.nav-item
.nav-link
{
color
:
#a8a9bb
;
background-color
:
transparent
}
body
.dark-mode
.header-navbar
.navbar-container
.nav
.nav-item
.nav-link
i
{
color
:
#a8a9bb
}
body
.dark-mode
.header-navbar.navbar-static-top
{
background-color
:
transparent
}
body
.dark-mode
.header-navbar
[
class
*=
bg-
]
.navbar-nav
.nav-item
.nav-link
{
background-color
:
inherit
}
body
.dark-mode
.main-menu
.navbar-header
.logo-lg
{
font-weight
:
300
}
body
.dark-mode
.dropdown-toggle
:hover:after
,
body
.dark-mode
.dropdown-toggle
:hover
i
{
color
:
#fff
}
body
.dark-mode
.dropdown
.dropdown-menu
{
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)}
body
.dark-mode
.dropdown-menu
{
background-color
:
#223
}
body
.dark-mode
.dropdown-menu
:before
{
background
:
#223
}
body
.dark-mode
.dropdown-menu
.dropdown-item
:focus
,
body
.dark-mode
.dropdown-menu
.dropdown-item
:hover
{
background
:
#1e1e2d
}
body
.dark-mode
.dropdown-menu
.dropdown-item
{
color
:
#a8a9bb
}
body
.dark-mode
.dropdown-menu
.form-control
{
background-color
:
#223
}
body
.dark-mode
.dropdown-menu
.dropdown-divider
{
border-color
:
#303247
}
body
.dark-mode
.dropdown-item
a
,
body
.dark-mode
.dropdown-menu
label
{
color
:
#a8a9bb
}
body
.dark-mode
.modal
.modal-header
,
body
.dark-mode
.modal
.modal-header
[
class
*=
bg-
]
{
border-color
:
#303247
;
background-color
:
#242436
}
body
.dark-mode
.modal
.modal-header
.close
span
,
body
.dark-mode
.modal
.modal-header
[
class
*=
bg-
]
.close
span
{
color
:
hsla
(
0
,
0%
,
100%
,
.5
)}
body
.dark-mode
.modal
.modal-body
,
body
.dark-mode
.modal
.modal-content
,
body
.dark-mode
.modal
.modal-footer
{
background-color
:
#28283c
}
body
.dark-mode
.modal-backdrop
{
background-color
:
rgba
(
34
,
41
,
47
,
.5
)}
body
.dark-mode
.pagination
:not
([
class
*=
pagination-
])
.page-item.active
{
background-color
:
#2c2c43
}
body
.dark-mode
.pagination
:not
([
class
*=
pagination-
])
.page-item.active
.page-link
:hover
{
color
:
#fff
}
body
.dark-mode
.pagination
:not
([
class
*=
pagination-
])
.page-item
.page-link
{
background-color
:
#2c2c43
;
color
:
#a8a9bb
}
body
.dark-mode
.pagination
:not
([
class
*=
pagination-
])
.page-item.next-item
.page-link
:hover
,
body
.dark-mode
.pagination
:not
([
class
*=
pagination-
])
.page-item.prev-item
.page-link
:hover
{
color
:
#fff
}
body
.dark-mode
.pagination
[
class
*=
pagination-
]
.page-item
:not
(
.active
)
:not
(
:hover
)
.page-link
{
background-color
:
#1e1e2d
;
color
:
#a8a9bb
}
body
.dark-mode
.pagination
[
class
*=
pagination-
]
.page-item
:not
(
.active
)
.page-link
:hover
{
background-color
:
#2c2c43
}
body
.dark-mode
.pagination
[
class
*=
pagination-
]
.page-item.active
{
background-color
:
#223
}
body
.dark-mode
.nav
.nav-item
.nav-link
{
color
:
#a8a9bb
}
body
.dark-mode
.popover
[
x-placement
=
top
]
.arrow
:after
{
border-top-color
:
#223
}
body
.dark-mode
.popover
[
x-placement
=
bottom
]
.arrow
:after
{
border-bottom-color
:
#223
}
body
.dark-mode
.popover
[
x-placement
=
left
]
.arrow
:after
{
border-left-color
:
#223
}
body
.dark-mode
.popover
[
x-placement
=
right
]
.arrow
:after
{
border-right-color
:
#223
}
body
.dark-mode
.popover
.popover-body
{
background-color
:
#223
;
color
:
#a8a9bb
}
body
.dark-mode
.nav.nav-tabs
{
border-color
:
#444865
}
body
.dark-mode
.nav-theme-primary
.nav.nav-tabs
,
body
.dark-mode
.nav-theme-white
.nav.nav-tabs
{
background-color
:
#223
}
body
.dark-mode
.nav-theme-primary
.nav.nav-tabs
.nav-item
.nav-link
:not
(
.active
),
body
.dark-mode
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link
:not
(
.active
)
{
color
:
#9d9eb2
}
body
.dark-mode
.nav-theme-primary
.nav.nav-tabs
.nav-item
.nav-link.active
,
body
.dark-mode
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link.active
{
color
:
#009688
}
body
.dark-mode
.nav-theme-primary
.nav.nav-tabs
.nav-item
.nav-link.active
:after
,
body
.dark-mode
.nav-theme-white
.nav.nav-tabs
.nav-item
.nav-link.active
:after
{
background
:
linear-gradient
(
30deg
,
#009688
,
rgba
(
0
,
150
,
136
,
.5
))
!important
}
body
.dark-mode
.table-responsive
[
data-pattern
=
priority-columns
]
::-webkit-scrollbar
{
width
:
12px
;
height
:
12px
}
body
.dark-mode
.table-responsive
[
data-pattern
=
priority-columns
]
::-webkit-scrollbar-track
{
background-color
:
#2c2c43
}
body
.dark-mode
.table-responsive
[
data-pattern
=
priority-columns
]
::-webkit-scrollbar-thumb
{
background-color
:
#1e1e2d
;
border-radius
:
.4rem
}
body
.dark-mode
.table-wrapper
{
margin-top
:
12px
!important
}
body
.dark-mode
.table.default-table
td
,
body
.dark-mode
.table.default-table
th
{
border-color
:
#303247
!important
}
body
.dark-mode
.table.default-table
th
,
body
.dark-mode
table
.table-bordered.dataTable.complex-headers
th
{
background
:
#26263a
}
body
.dark-mode
.table.default-table
td
,
body
.dark-mode
table
.table-bordered.dataTable.complex-headers
td
{
background
:
#2a2a40
}
body
.dark-mode
.table
{
background-color
:
#223
;
padding
:
0
1rem
}
body
.dark-mode
.table
td
,
body
.dark-mode
.table
th
{
border-color
:
#303247
}
body
.dark-mode
.table
.thead
tr
:not
([
class
*=
table-
])
td
,
body
.dark-mode
.table
.thead
tr
:not
([
class
*=
table-
])
th
,
body
.dark-mode
.table
tbody
tr
:not
([
class
*=
table-
])
td
,
body
.dark-mode
.table
tbody
tr
:not
([
class
*=
table-
])
th
{
border
:
0
;
color
:
#a8a9bb
}
body
.dark-mode
.table
.thead
tr
:not
([
class
*=
table-
])
td
code
,
body
.dark-mode
.table
.thead
tr
:not
([
class
*=
table-
])
th
code
,
body
.dark-mode
.table
tbody
tr
:not
([
class
*=
table-
])
td
code
,
body
.dark-mode
.table
tbody
tr
:not
([
class
*=
table-
])
th
code
{
background-color
:
#223
}
body
.dark-mode
.table
thead
tr
th
{
border
:
0
;
background-color
:
#223
;
color
:
#a8a9bb
}
body
.dark-mode
.table
tbody
tr
{
background
:
#2c2c43
!important
}
body
.dark-mode
.table
tbody
tr
[
class
*=
table-
]
td
,
body
.dark-mode
.table
tbody
tr
[
class
*=
table-
]
th
{
background-color
:
unset
;
color
:
#22292f
;
border-color
:
#303247
}
body
.dark-mode
.table
tbody
tr
.table-dark
td
,
body
.dark-mode
.table
tbody
tr
.table-dark
th
{
color
:
#fff
}
body
.dark-mode
.table
tbody
tr
.table-active
td
,
body
.dark-mode
.table
tbody
tr
.table-active
th
{
color
:
#a8a9bb
}
body
.dark-mode
.table
tbody
tr
th
{
background-color
:
#2c2c43
}
body
.dark-mode
.table
tbody
tr
td
{
background-color
:
#2c2c43
;
color
:
#a8a9bb
}
body
.dark-mode
.table.table-bordered
,
body
.dark-mode
.table.table-bordered
tbody
tr
td
,
body
.dark-mode
.table.table-bordered
tbody
tr
th
,
body
.dark-mode
.table.table-bordered
thead
tr
td
,
body
.dark-mode
.table.table-bordered
thead
tr
th
{
border
:
1px
solid
#303247
}
body
.dark-mode
.table.table-hover
tbody
tr
:hover
{
background-color
:
#223
}
body
.dark-mode
.table.table-hover
tbody
tr
td
,
body
.dark-mode
.table.table-hover
tbody
tr
th
{
background-color
:
unset
}
body
.dark-mode
.table.table-striped
tbody
tr
:nth-of-type
(
odd
)
{
background-color
:
#223
}
body
.dark-mode
.table.table-striped
tbody
tr
td
,
body
.dark-mode
.table.table-striped
tbody
tr
th
{
background-color
:
unset
}
body
.dark-mode
.table.table-bordered
{
padding
:
0
}
body
.dark-mode
.box
,
body
.dark-mode
.card
{
background
:
#223
}
body
.dark-mode
.box.box-solid.box-default
{
background-color
:
#2c2c43
}
body
.dark-mode
.box-header.with-border
,
body
.dark-mode
.box.box-solid.box-default
,
body
.dark-mode
.card.dcat-box
.card-header
,
body
.dark-mode
.dd-handle
,
body
.dark-mode
.with-border
{
border-bottom
:
1px
solid
#303247
;
border-color
:
#303247
!important
}
body
.dark-mode
.box
.box-footer
,
body
.dark-mode
.card
.box-footer
{
border-color
:
#303247
}
body
.dark-mode
.dd-handle
{
background
:
#2a2a3f
;
color
:
#a8a9bb
;
margin-bottom
:
2px
}
body
.dark-mode
.dd-item
>
button
:before
{
color
:
#a8a9bb
}
body
.dark-mode
.input-group-addon
,
body
.dark-mode
.input-group-append
,
body
.dark-mode
.input-group-prepend
,
body
.dark-mode
.input-group-text
{
background-color
:
#2c2c43
;
border-color
:
#303247
;
color
:
#a8a9bb
!important
}
body
.dark-mode
input
::-webkit-input-placeholder
{
color
:
#9a9bb0
!important
}
body
.dark-mode
input
::-moz-placeholder
{
color
:
#9a9bb0
!important
}
body
.dark-mode
input
:-ms-input-placeholder
{
color
:
#9a9bb0
!important
}
body
.dark-mode
.help-block
{
color
:
#a4a5b8
!important
}
body
.dark-mode
.has-error
.checkbox
,
body
.dark-mode
.has-error
.checkbox-inline
,
body
.dark-mode
.has-error.checkbox
label
,
body
.dark-mode
.has-error
.control-label
,
body
.dark-mode
.has-error
.form-control-position
i
,
body
.dark-mode
.has-error
.form-control
:focus
~
.form-control-position
i
,
body
.dark-mode
.has-error
.help-block
,
body
.dark-mode
.has-error
.radio
,
body
.dark-mode
.has-error
.radio-inline
,
body
.dark-mode
.has-error.radio
label
{
color
:
#bd4147
!important
}
body
.dark-mode
.select2-container--default
.select2-results
>
.select2-results__options
::-webkit-scrollbar
{
width
:
12px
;
height
:
12px
}
body
.dark-mode
.select2-container--default
.select2-results
>
.select2-results__options
::-webkit-scrollbar-track
{
background-color
:
#2c2c43
}
body
.dark-mode
.select2-container--default
.select2-results
>
.select2-results__options
::-webkit-scrollbar-thumb
{
background-color
:
#1e1e2d
;
border-radius
:
.4rem
}
body
.dark-mode
.form-control
,
body
.dark-mode
.select2-container--default
.select2-selection--multiple
,
body
.dark-mode
.select2-container--default
.select2-selection--single
{
background
:
#2c2c43
;
color
:
#a8a9bb
!important
;
border-color
:
#303247
!important
}
body
.dark-mode
.select2-container--default
.select2-search--inline
.select2-search__field
,
body
.dark-mode
.select2-container--default
.select2-selection--single
.select2-selection__rendered
{
color
:
#a8a9bb
!important
}
body
.dark-mode
.select2-container--default
.select2-search--dropdown
.select2-search__field
{
background
:
#2c2c43
!important
;
color
:
#a8a9bb
!important
}
body
.dark-mode
.select2-container--default
.select2-search--dropdown
.select2-search__field
,
body
.dark-mode
.select2-container--default
.select2-selection--multiple
{
border-color
:
#303247
!important
}
body
.dark-mode
.select2-container--default
.select2-results
>
.select2-results__options
,
body
.dark-mode
.select2-dropdown
{
background
:
#223
!important
}
body
.dark-mode
.select2-container--default
.select2-results__option--highlighted
[
aria-selected
],
body
.dark-mode
.select2-container--default
.select2-results__option
[
aria-selected
=
true
]
{
background
:
#1e1e2d
!important
;
color
:
#a8a9bb
!important
}
body
.dark-mode
.table-filter
.form-control
{
background
:
#223
;
color
:
#a8a9bb
}
body
.dark-mode
.form-divider
{
border-color
:
#303247
}
body
.dark-mode
.form-divider
span
{
background-color
:
#223
}
body
.dark-mode
.form-control
:disabled
,
body
.dark-mode
.form-control
[
readonly
],
body
.dark-mode
.select2-container--default.select2-container--disabled
.select2-selection--multiple
,
body
.dark-mode
.select2-container--default.select2-container--disabled
.select2-selection--single
{
background-color
:
#28283d
!important
}
body
.dark-mode
.layui-layer-page
.layui-layer-content
::-webkit-scrollbar
{
width
:
12px
;
height
:
12px
}
body
.dark-mode
.layui-layer-page
.layui-layer-content
::-webkit-scrollbar-track
{
background-color
:
#2c2c43
}
body
.dark-mode
.layui-layer-page
.layui-layer-content
::-webkit-scrollbar-thumb
{
background-color
:
#1e1e2d
;
border-radius
:
.4rem
}
body
.dark-mode
.layui-layer
{
background-color
:
#242436
!important
}
body
.dark-mode
.layui-layer-page
.layui-layer-btn
,
body
.dark-mode
.layui-layer-page
.layui-layer-content
{
background-color
:
#28283c
!important
}
body
.dark-mode
.layui-layer-title
{
background-color
:
#242436
!important
;
border-bottom
:
1px
solid
#303247
!important
;
color
:
#a8a9bb
!important
}
body
.dark-mode
.layui-layer-btn1
{
border-color
:
#223
!important
;
background
:
#223
!important
}
body
.dark-mode
.layui-layer-setwin
.layui-layer-close1
:before
,
body
.dark-mode
.layui-layer-setwin
.layui-layer-max
:before
,
body
.dark-mode
.layui-layer-setwin
.layui-layer-min
cite
:before
{
color
:
#a8a9bb
!important
}
body
.dark-mode
.web-uploader
.placeholder
{
border-width
:
2px
;
border-color
:
#9495ab
!important
}
body
.dark-mode
.web-uploader
.filelist
li
{
background
:
#223
!important
}
body
.dark-mode
.web-uploader
.queueList
{
border-color
:
#303247
!important
}
body
.dark-mode
.web-uploader
.filelist
li
p
.title
,
body
.dark-mode
.web-uploader
.statusBar
.info
{
color
:
#a8a9bb
!important
}
body
.dark-mode
.slider-panel
{
background-color
:
#242436
}
body
.dark-mode
.right-side-filter-container
.header
{
border-color
:
#303247
;
background-color
:
#242436
}
body
.dark-mode
.swal2-popup
{
background
:
#223
}
body
.dark-mode
.swal2-popup
h2
{
color
:
#a8a9bb
}
body
.dark-mode
.swal2-content
{
color
:
#a4a5b8
}
body
.dark-mode
.quick-create
td
{
background-color
:
#28283c
!important
;
color
:
#9a9bb0
}
body
.dark-mode
.iconpicker
.iconpicker-items
::-webkit-scrollbar
{
width
:
12px
;
height
:
12px
}
body
.dark-mode
.iconpicker
.iconpicker-items
::-webkit-scrollbar-track
{
background-color
:
#2c2c43
}
body
.dark-mode
.iconpicker
.iconpicker-items
::-webkit-scrollbar-thumb
{
background-color
:
#1e1e2d
;
border-radius
:
.4rem
}
body
.dark-mode
.iconpicker-popover.popover
,
body
.dark-mode
.iconpicker-popover.popover
.popover-title
,
body
.dark-mode
.iconpicker
.iconpicker-items
{
background
:
#223
!important
;
border-color
:
#303247
!important
}
body
.dark-mode
.iconpicker-popover.popover.bottom
>
.arrow
:after
,
body
.dark-mode
.iconpicker-popover.popover.bottomLeft
>
.arrow
:after
,
body
.dark-mode
.iconpicker-popover.popover.bottomRight
>
.arrow
:after
,
body
.dark-mode
.iconpicker-popover.popover
.popover-title
{
border-color
:
#223
}
body
.dark-mode
.alert.alert-danger
h3
,
body
.dark-mode
.alert.alert-danger
h4
,
body
.dark-mode
.alert.alert-danger
h5
{
color
:
#ea5455
}
body
.dark-mode
.alert.alert-success
h3
,
body
.dark-mode
.alert.alert-success
h4
,
body
.dark-mode
.alert.alert-success
h5
{
color
:
#21b978
}
body
.dark-mode
.alert.alert-info
h3
,
body
.dark-mode
.alert.alert-info
h4
,
body
.dark-mode
.alert.alert-info
h5
{
color
:
#4277cf
}
body
.dark-mode
.alert.alert-primary
h3
,
body
.dark-mode
.alert.alert-primary
h4
,
body
.dark-mode
.alert.alert-primary
h5
{
color
:
#007d71
}
body
.dark-mode
.alert.alert-warning
h3
,
body
.dark-mode
.alert.alert-warning
h4
,
body
.dark-mode
.alert.alert-warning
h5
{
color
:
#d9993c
}
body
.dark-mode
.callout
{
background
:
#26263a
;
border-color
:
#8e9aac
}
body
.dark-mode
.callout
h3
,
body
.dark-mode
.callout
h4
,
body
.dark-mode
.callout
h5
{
color
:
#b6b7c6
}
body
.dark-mode
.apexcharts-legend-series
.apexcharts-legend-text
{
color
:
#a8a9bb
!important
}
body
.dark-mode
.apexcharts-radialbar-track
path
{
stroke
:
#2c2c43
}
body
.dark-mode
.apexcharts-inner
polygon
{
stroke
:
#223
!important
;
fill
:
#2c2c43
!important
}
body
.dark-mode
.apexcharts-pie-series
path
{
stroke
:
#2c2c43
}
body
.dark-mode
.apexcharts-menu
{
background-color
:
#2c2c43
;
border
:
0
}
body
.dark-mode
.apexcharts-toolbar
.apexcharts-menu-icon
:hover
svg
,
body
.dark-mode
.apexcharts-toolbar
.apexcharts-reset-zoom-icon
:hover
svg
,
body
.dark-mode
.apexcharts-toolbar
.apexcharts-zoom-icon
:hover
svg
,
body
.dark-mode
.apexcharts-toolbar
.apexcharts-zoom-in-icon
:hover
svg
,
body
.dark-mode
.apexcharts-toolbar
.apexcharts-zoom-out-icon
:hover
svg
{
fill
:
#a8a9bb
}
body
.dark-mode
.login-page
{
background-color
:
#2c2c43
!important
}
body
.dark-mode
.login-card-body
,
body
.dark-mode
.register-card-body
{
background-color
:
#223
;
color
:
#a8a9bb
}
body
.dark-mode
.grid-selector
.wrap
{
background-color
:
#223
}
body
.dark-mode
.grid-selector
.select-label
{
color
:
#9a9bb0
}
body
.dark-mode
.grid-selector
ul
>
li
a
{
color
:
#a8a9bb
}
body
.dark-mode
.grid-selector
.select-options
a
.active
{
color
:
#009688
}
body
.dark-mode
.switchery
{
background-color
:
#b3b4c4
!important
;
border-color
:
#b3b4c4
!important
;
box-shadow
:
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.1
),
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.1
),
0
1px
5px
1px
rgba
(
0
,
0
,
0
,
.1
)}
body
.dark-mode
.switchery
>
small
{
background-color
:
#c5c5d1
!important
}
body
.dark-mode
.dropdown-menu
li
.checkbox-row
:hover
{
background-color
:
#1e1e2d
!important
}
body
.dark-mode
.dcat-step
.dcat-step-title
{
color
:
#a8a9bb
}
body
.dark-mode
.dcat-step
.active
>
.dcat-step-item-container
>
.dcat-step-content
>
.dcat-step-title
,
body
.dark-mode
.dcat-step
.done
>
.dcat-step-item-container
>
.dcat-step-content
>
.dcat-step-title
{
color
:
#bfc0cd
}
body
.dark-mode
.dcat-step
.dcat-step-icons
{
border-color
:
#b3b4c4
}
body
.dark-mode
.dcat-step
.dcat-step-icons
>
.dcat-step-icon
{
color
:
#b3b4c4
}
body
.dark-mode
.dcat-step
.dcat-step-title
:after
{
background-color
:
#a8a9bb
}
body
.dark-mode
.dcat-step
.active
>
.dcat-step-item-container
>
.dcat-step-content
>
.dcat-step-title
:after
{
background-color
:
#b3b4c4
}
body
.dark-mode
.dcat-step
.done
.dcat-step-icons
{
background-color
:
transparent
;
border-color
:
#009688
}
body
.dark-mode
.dcat-step
.done
.dcat-step-icons
>
.dcat-step-icon
{
color
:
#009688
}
body
.dark-mode
.dcat-done-step
.st-title
{
color
:
#cacbd6
}
body
.dark-mode
.dcat-done-step
.st-desc
{
color
:
#a8a9bb
}
body
.dark-mode
.table-main
::-webkit-scrollbar
{
width
:
12px
;
height
:
12px
}
body
.dark-mode
.table-main
::-webkit-scrollbar-track
{
background-color
:
#2c2c43
}
body
.dark-mode
.table-main
::-webkit-scrollbar-thumb
{
background-color
:
#1e1e2d
;
border-radius
:
.4rem
}
body
.dark-mode
.table-fixed-left
.table
{
box-shadow
:
6px
0
5px
-5px
#000
}
body
.dark-mode
.table-fixed-right
.table
{
box-shadow
:
-5px
0
5px
-5px
#000
}
body
.dark-mode
[
class
*=
sidebar-dark-
]
{
background-image
:
none
;
background-color
:
#223
!important
}
body
.dark-mode
[
class
*=
sidebar-dark-
]
.navbar-header
{
background
:
#1e1e2d
}
body
.dark-mode
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
>
.nav-treeview
{
background
:
transparent
}
body
.dark-mode
[
class
*=
sidebar-dark-
]
.nav-sidebar
>
.nav-item
>
.nav-link.active
,
body
.dark-mode
[
class
*=
sidebar-dark-
]
.nav-treeview
>
.nav-item
>
.nav-link.active
,
body
.dark-mode
[
class
*=
sidebar-dark-
]
.nav-treeview
>
.nav-item
>
.nav-link.active
:focus
,
body
.dark-mode
[
class
*=
sidebar-dark-
]
.nav-treeview
>
.nav-item
>
.nav-link.active
:hover
{
background
:
#1e1e2d
}
body
.dark-mode
[
class
*=
sidebar-dark-
]
.nav-treeview.nav
.nav-item
.nav-link.active
{
padding
:
10px
10px
10px
25px
!important
}
body
.dark-mode
.main-menu
.navbar-header
.navbar-brand
{
margin-top
:
.5rem
}
body
.dark-mode
:not
(
.sidebar-separate
)
.main-sidebar
.sidebar
{
margin-top
:
1rem
}
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
