127 lines
2.8 KiB
Plaintext
127 lines
2.8 KiB
Plaintext
.visual-dialog {
|
|
&.custommiddle {
|
|
.ant-modal-header {
|
|
padding: 16px 24px !important;
|
|
}
|
|
.ant-modal-close-x {
|
|
width: 68px !important;
|
|
height: 68px !important;
|
|
line-height: 75px !important;
|
|
font-size: 30px !important;
|
|
color: #fff;
|
|
}
|
|
.ant-modal-title {
|
|
font-size: 35px !important;
|
|
line-height: 68px !important;
|
|
color: #fff;
|
|
}
|
|
.ant-modal-body {
|
|
padding: 18px !important;
|
|
}
|
|
}
|
|
.ant-modal-content {
|
|
background-color: #063367;
|
|
.ant-modal-header {
|
|
background-color: #063367;
|
|
color: #fff;
|
|
}
|
|
.ant-modal-close-x {
|
|
width: 68px * 1.5;
|
|
height: 68px * 1.5;
|
|
line-height: 130px;
|
|
font-size: 60px;
|
|
color: #fff;
|
|
}
|
|
.ant-modal-title {
|
|
font-size: 70px;
|
|
line-height: 68px * 1.5;
|
|
color: #fff;
|
|
}
|
|
.ant-modal-body {
|
|
padding: 36px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.event-none {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.event-auto {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.bottom-btn {
|
|
position: absolute;
|
|
.event-auto;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
|
|
|
|
.custom-tab {
|
|
.ant-tabs-ink-bar {
|
|
background: rgba(120, 240, 253, 1);
|
|
}
|
|
.ant-tabs-nav .ant-tabs-tab-active {
|
|
color: #fff;
|
|
}
|
|
.ant-tabs-bar {
|
|
margin: 0;
|
|
}
|
|
.ant-tabs-nav {
|
|
color: #fff;
|
|
}
|
|
.ant-tabs-nav-wrap {
|
|
background: linear-gradient(90deg, rgba(0, 107, 207, 0.4) 0%, rgba(0, 128, 247, 0.08) 100%) !important;
|
|
|
|
}
|
|
|
|
.ant-tabs-nav-scroll {
|
|
background: linear-gradient(90deg, rgba(0, 107, 207, 0.4) 0%, rgba(0, 128, 247, 0.08) 100%) !important;
|
|
}
|
|
}
|
|
|
|
|
|
.visual_datepicker {
|
|
.ant-input {
|
|
background-color: rgba(5, 38, 93, 1);
|
|
color: #fff;
|
|
}
|
|
}
|
|
.visual_dropdown_cls {
|
|
.ant-calendar-today .ant-calendar-date {
|
|
color: #fff;
|
|
font-weight: bold;
|
|
border-color: #fff;
|
|
}
|
|
.ant-calendar-picker-container {
|
|
color: #fff;
|
|
|
|
}
|
|
.ant-calendar-input {
|
|
background-color: rgba(5, 38, 93, 1);
|
|
color: #fff;
|
|
|
|
}
|
|
.ant-calendar {
|
|
background-color: rgba(5, 38, 93, 1);
|
|
color: #fff;
|
|
border: 1px solid rgba(5, 38, 93, 0.5);
|
|
|
|
}
|
|
.ant-calendar-date, .ant-calendar-header .ant-calendar-prev-century-btn, .ant-calendar-header .ant-calendar-next-century-btn, .ant-calendar-header .ant-calendar-prev-decade-btn, .ant-calendar-header .ant-calendar-next-decade-btn, .ant-calendar-header .ant-calendar-prev-month-btn, .ant-calendar-header .ant-calendar-next-month-btn, .ant-calendar-header .ant-calendar-prev-year-btn, .ant-calendar-header .ant-calendar-next-year-btn, .ant-calendar-header .ant-calendar-century-select, .ant-calendar-header .ant-calendar-decade-select, .ant-calendar-header .ant-calendar-year-select, .ant-calendar-header .ant-calendar-month-select {
|
|
color: #fff !important;
|
|
|
|
}
|
|
.ant-calendar-range .ant-calendar-in-range-cell::before {
|
|
background-color: rgba(20, 38, 66, 0.3);
|
|
}
|
|
}
|
|
|
|
.h100 {
|
|
height: 100%;
|
|
}
|