lavkach3

1

2
.form-control:focus {
3
    border-color: #ff7f5d !important;
4
    border-width: 2px !important;
5
    box-shadow: 0px 0px 5px #f7666e !important; /*here change the color*/
6
}
7

8

9

10
input[type="date"] {
11
    position: relative;
12
}
13

14
::-webkit-datetime-edit-year-field:not([aria-valuenow]),
15
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
16
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
17
    color: transparent;
18
}
19

20

21
.is-valid {
22
    border: 1px solid var(--bs-form-valid-border-color) !important;
23
    border-radius: 10px !important;
24
}
25

26
.is-valid::after {
27
    position: absolute;
28
    font-weight: 900;
29
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%233cd188' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
30
    background-position: right calc(1.375em + 1.5rem) center !important;
31
    color: var(--bs-form-valid-border-color);
32
    font-size: 20px;
33
    right: 40px;
34
}
35

36

37
.is-invalid {
38
    border: 1px solid var(--bs-form-invalid-border-color) !important;
39
    border-radius: 10px !important;
40
}
41

42
.is-invalid::after {
43
    position: absolute;
44
    font-weight: 900;
45
    font-size: 20px;
46
    right: 40px;
47
    border-radius: 10px !important;
48
}
49

50

51
.form-control.is-valid {
52
    border-radius: 10px;
53
    background-position: right calc(1.375em + 1.5rem) center !important;
54
}
55

56
.form-control.is-invalid, .was-validated .form-control:invalid {
57
    border-color: var(--bs-form-invalid-border-color);
58
    background-position: right calc(2.375em + 5px) center;
59
    padding-right: calc(5.5em + 20px);
60
}
61

62
.app-menu {
63
    border-bottom-left-radius: 20px;
64
    border-bottom-right-radius: 20px;
65
}
66

67
.page-title-box {
68
    border-bottom-left-radius: 20px;
69
    border-bottom-right-radius: 20px;
70
}
71

72
.modal-backdrop.show {
73
    background-color: rgba(5, 4, 4, 0.5);
74
    --vz-backdrop-opacity: 0.5;
75
    animation: ani 10.5s forwards;
76
}
77

78

79
.line-col {
80
    line-height: 10px;
81
    min-height: 10px;
82
    height: 10px;
83

84
}
85

86

87
.table > :not(caption) > * > * {
88
    /* padding: 14px 24px; */
89
    padding-top: 0px;
90
    padding-right: 24px;
91
    padding-bottom: 0px;
92
    padding-left: 24px;
93
    font-weight: 450;
94
    color: #29343d;
95
}
96

97
.form-control {
98
    font-weight: 600;
99
    color: #29343d
100
}
101

102
.form-control.disabled {
103
    background-color: var(--bs-secondary-bg);
104
    opacity: 1;
105
}
106

107
.inline {
108
    padding-bottom: 0px;
109
    padding-top: 0px;
110
}
111

112
html[data-boxed-layout=boxed] .container-fluid, html[data-boxed-layout=boxed] .container-lg, html[data-boxed-layout=boxed] .container-md, html[data-boxed-layout=boxed] .container-sm, html[data-boxed-layout=boxed] .container-xl, html[data-boxed-layout=boxed] .container-xxl {
113
    max-width: var(--bs-breakpoint-xxl);
114
    margin: 0 auto;
115
}
116

117
.line-col {
118
    & .form-control {
119
        background-color: transparent !important;
120
        border: transparent !important;
121
    }
122
}
123
.form-check .form-check-input {
124
    float: left;
125
    margin-left: 0;
126
}
127
.form-check {
128
    padding-left: 0;
129
}
130
.toastify.on {
131
    border-radius: 10px;
132
}
133

134
[data-bs-theme=dark] .app-calendar .event-fc-color:hover,[data-bs-theme=dark] .app-calendar .fc-theme-standard th,[data-bs-theme=dark] .bg-white,[data-bs-theme=dark] .dropdown-item:focus,[data-bs-theme=dark] .dropdown-item:hover,[data-bs-theme=dark] .form-control:disabled,[data-bs-theme=dark] .theme-tab.nav-tabs .nav-item .nav-link {
135
    background-color: transparent !important;
136
}