}
}
+.ui-chkbox {
-.ui-chkbox-box {
- &.ui-state-active {
- border-color: var(--mainColor) !important;
- background-color: var(--mainColor) !important;
+ &, .ui-chkbox-box {
+ width: 18px !important;
+ height: 18px !important;
}
- .ui-chkbox-icon {
- position: relative;
- overflow: visible !important;
-
- &:after {
- content: '';
- position: absolute;
- top: 1px;
- left: 7px;
- width: 5px;
- height: 13px;
- opacity: 0;
- transform: rotate(45deg) scale(0);
- border-right: 2px solid var(--mainBackgroundColor);
- border-bottom: 2px solid var(--mainBackgroundColor);
+ .ui-chkbox-box {
+ &.ui-state-active {
+ border-color: var(--mainColor) !important;
+ background-color: var(--mainColor) !important;
}
- &.pi-check:after {
- opacity: 1;
- transform: rotate(45deg) scale(1);
+ .ui-chkbox-icon {
+ position: relative;
+ overflow: visible !important;
+
+ &:after {
+ content: '';
+ position: absolute;
+ top: 1px;
+ left: 6px;
+ width: 5px;
+ height: 12px;
+ opacity: 0;
+ transform: rotate(45deg) scale(0);
+ border-right: 2px solid var(--mainBackgroundColor);
+ border-bottom: 2px solid var(--mainBackgroundColor);
+ }
+
+ &.pi-check:after {
+ opacity: 1;
+ transform: rotate(45deg) scale(1);
+ }
}
}
}
}
}
}
+
+.ui-widget {
+ font-family: $main-fonts !important;
+}